@salla.sa/twilight-components 2.14.260 → 2.14.261

package/dist/twilight/p-bcae7f12.system.entry.js

@@ -1,5 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,n,i){function a(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,s){function r(t){try{c(i.next(t))}catch(t){s(t)}}function o(t){try{c(i["throw"](t))}catch(t){s(t)}}function c(t){t.done?n(t.value):a(t.value).then(r,o)}c((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,a,s,r;return r={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function o(t){return function(e){return c([t,e])}}function c(o){if(i)throw new TypeError("Generator is already executing.");while(r&&(r=0,o[0]&&(n=0)),n)try{if(i=1,a&&(s=o[0]&2?a["return"]:o[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,o[1])).done)return s;if(a=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;a=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){n.label=o[1];break}if(o[0]===6&&n.label<s[1]){n.label=s[1];s=o;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(o);break}if(s[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(t){o=[6,t];a=0}finally{i=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
-/*!
- * Crafted with ❤ by Salla
- */System.register(["./p-DiFVtThr.system.js"],(function(t){"use strict";var e,n,i,a,s;return{setters:[function(t){e=t.r;n=t.c;i=t.h;a=t.H;s=t.g}],execute:function(){var r='\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 o='\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 c='\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 l=":host{display:block}";var u=t("salla_booking_field",function(){function t(t){var i=this;e(this,t);this.invalidInput=n(this,"invalidInput");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=[];salla.lang.onLoaded((function(){return i.setTranslations()}));Salla.event.on("booking::open",(function(t){return i.handleBookingOpen(t)}))}t.prototype.setTranslations=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:t=function(t,e,n){return new Promise((function(i){salla.helpers.setNested(salla.lang.messages[t],e,n);i(true)}))};return[4,t("ar.trans","pages.cart.book_an_appointment","حجز موعد")];case 1:e.sent();return[4,t("en.trans","pages.cart.book_an_appointment","Book an Appointment")];case 2:e.sent();return[4,t("ar.trans","pages.cart.edit_an_appointment","تعديل الموعد")];case 3:e.sent();return[4,t("en.trans","pages.cart.edit_an_appointment","Edit an Appointment")];case 4:e.sent();return[4,t("ar.trans","pages.cart.booked_successfully","تمت اضافة الموعد بنجاح")];case 5:e.sent();return[4,t("en.trans","pages.cart.booked_successfully","Booked Successfully")];case 6:e.sent();return[4,t("ar.trans","pages.cart.select_appointment_date","حدد تاريخ الموعد")];case 7:e.sent();return[4,t("en.trans","pages.cart.select_appointment_date","Select appointment date")];case 8:e.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]}}))}))};t.prototype.openBookingModal=function(t,e){var n=this;if(e===void 0){e=false}if(e&&(!t.detail||typeof t.detail!=="number"||t.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(t){if(t.data.redirect.to!=="booking"){throw new Error("Unexpected redirect!")}salla.event.dispatch("booking::open",{url:t.data.redirect.url,id:n.productId})})).catch((function(t){salla.error(salla.lang.get("common.errors.error_occurred"));salla.logger.error(t.response||t)}))};t.prototype.handleBookingOpen=function(t){var e=this;if(t.id!==this.productId)return;this.bookingUrl=salla.url.addParamToUrl("product_id",t.id,t.url);this.iframeReady=true;setTimeout((function(){e.modal.setTitle(e.selectDate);e.modal.open()}),100)};t.prototype.setAfterReloadEvent=function(t,e){salla.storage.set("afterReloadEvent",{event:t,payload:e})};t.prototype.emitAfterReloadEvent=function(){var t=salla.storage.get("afterReloadEvent");if(t&&t.event){var e=new CustomEvent(t.event,{detail:t.payload});window.dispatchEvent(e);salla.storage.remove("afterReloadEvent")}};t.prototype.componentWillLoad=function(){if(this.option&&this.option.details.length){this.reservations=this.option.details}};t.prototype.componentDidLoad=function(){var t=this;window.addEventListener("booking::open-after-reload",(function(e){return t.openBookingModal(e,true)}));this.emitAfterReloadEvent();window.addEventListener("message",this.handleMessageEvent.bind(this));this.reservationsInput.addEventListener("invalid",(function(e){return t.invalidInput.emit(e)}));this.reservationsInput.addEventListener("input",(function(){t.reservationsInput.setCustomValidity("");t.reservationsInput.reportValidity()}))};t.prototype.handleMessageEvent=function(t){var e,n;if(t.data.source!=="booking")return;var i=t.data.type;var a=t.data.message;if(localStorage.getItem("debug"))console.log("Received an action:".concat(i),t.data);if(i==="error"){if((e=a.fields)===null||e===void 0?void 0:e.reservation){salla.notify.error(a.fields.reservation[0]);return}var s=Object.values(a.fields||[a.message]).flat().map((function(t){return"<li>".concat(t,"</li>")})).join("");salla.notify.error("<ul>".concat(s,"</ul>"))}if(i==="success"){if(Number(a.productId)!==Number(this.productId))return;this.reservations=a.data.reservations.map((function(t){if(t.time&&t.time.length>0){var e=t.time[0];return{date:t.date,day:t.day,from_timestamp:e.from,to_timestamp:e.to}}return null})).filter((function(t){return t!==null}));salla.notify.success(this.bookedLabel);(n=this.modal)===null||n===void 0?void 0:n.close();setTimeout((function(){return window.location.reload()}))}if(i==="height"){this.iframe.height=(a===null||a===void 0?void 0:a.height)+"px"}};t.prototype.bookingModal=function(){var t=this;return i("salla-modal",{class:"s-booking-field-modal",ref:function(e){return t.modal=e},width:"md",position:"middle",noPadding:true},i("iframe",{ref:function(e){return t.iframe=e},src:this.bookingUrl,frameborder:"0"}))};t.prototype.renderReservationDate=function(t){return i("span",{class:t.from_timestamp?"s-booking-field-reservations-has-time":""},i("i",{class:"s-booking-field-reservations-icon",innerHTML:o}),t.date)};t.prototype.renderReservationTime=function(t){if(!t.from_timestamp)return"";return i("span",{class:"s-booking-field-reservations-time"},i("i",{class:"s-booking-field-reservations-icon",innerHTML:c}),i("span",null,t.from_timestamp," - ",t.to_timestamp))};t.prototype.render=function(){var t=this;return i(a,{key:"04c9e3dc3dc825bd6905221d858c260f7ca34748"},i("div",{key:"07ec38cec1bd1798640dd7ea9592bb3b17d945c6",class:"s-booking-field-main"},this.option.required||this.reservations.length>0?i("div",{class:"s-booking-field-price"},i("span",{innerHTML:salla.money(this.option.price)})):"",i("salla-button",{key:"6b71889cfc0429d15c466a6f194df31549f09786",class:"s-booking-field-book-now",size:"small",loaderPosition:"center",fill:"outline",onClick:function(e){return t.openBookingModal(e,false)}},i("span",{key:"a16f8db6f52c7751ea605efcae04057ca0dc5b61",class:"s-booking-field-book-now-content"},i("span",{key:"95f6086a599bcc620c87ece6c6ae9620dba15581",innerHTML:r}),this.reservations.length?this.editLabel:this.bookNowLabel))),this.reservations.length>0&&i("div",{key:"b3615100bbfff3d98d0ac99145aaf53449790c94",class:"s-booking-field-reservations"},this.reservations.map((function(e,n){return i("div",{key:n,class:"s-booking-field-reservations-item"},t.renderReservationDate(e),t.renderReservationTime(e))}))),i("input",{key:"126f14f2e520b8696bc7450e209bad30b267878b",class:"s-hidden",name:this.option.name,required:this.option.required,value:JSON.stringify(this.reservations)==="[]"?"":JSON.stringify(this.reservations),ref:function(e){return t.reservationsInput=e}}),this.iframeReady&&this.bookingModal())};Object.defineProperty(t.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());u.style=l;var f=t("salla_conditional_fields",function(){function t(t){e(this,t)}t.prototype.hideAllOptions=function(t){var e=this;this.host.querySelectorAll('[data-show-when^="options['.concat(t,'"]')).forEach((function(t){t.classList.add("hidden");e.hideAllOptions(t.dataset.optionId);e.disableInputs(t)}))};t.prototype.disableInputs=function(t){t.querySelectorAll("[name]").forEach((function(t){var e;t.setAttribute("disabled","");t.removeAttribute("required");if(((e=t===null||t===void 0?void 0:t.tagName)===null||e===void 0?void 0:e.toLowerCase())==="select"){t.value=""}if(["checkbox"].includes(t.getAttribute("type"))&&t.hasOwnProperty("checked")){t.checked=false}}))};t.prototype.changeHandler=function(t){var e=this;var n;salla.event.emit("salla-onditional-fields::change",t);salla.log("Received the change event: ",t);if(!t.target||!["SELECT"].includes(t.target.tagName)&&!["checkbox","radio"].includes(t.target.getAttribute("type"))){salla.log("Ignore the change because is not a supported input: "+(((n=t===null||t===void 0?void 0:t.target)===null||n===void 0?void 0:n.tagName)||"N/A"));return}var i=t.target.name.replace("[]","");var a=t.target.getAttribute("type")==="checkbox";var s=t.target.getAttribute("type")==="radio";salla.log("Trying to find all elements with condition:",'[data-show-when^="'.concat(i,'"]'));this.host.querySelectorAll('[data-show-when^="'.concat(i,'"]')).forEach((function(n){var i=!(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 o;if(a){var c=Array.from(e.host.querySelectorAll('input[name="'.concat(t.target.name,'"]:checked')),(function(t){return t===null||t===void 0?void 0:t.value}));o=c.includes(r.toString())}else if(s){o=t.target.checked&&t.target.value===r}else{o=r===t.target.value}salla.log("The input is ",a?"Multiple":s?"Radio":"Single"," value:",o);var l=i&&o||!i&&!o;if(l){n.classList.remove("hidden");n.querySelectorAll("[name]").forEach((function(t){t.removeAttribute("disabled");var e=t.closest(".s-product-options-option");if(e.dataset.optionRequired==="true"){t.setAttribute("required","")}if(t.getAttribute("type")==="checkbox"){var n=Array.from(document.querySelectorAll('input[type="checkbox"][name="'.concat(t.getAttribute("name"),'"]')));var i=n.some((function(t){return t.checked}));if(i){n.forEach((function(t){t.removeAttribute("required")}))}}}))}else{e.hideAllOptions(n.dataset.optionId);n.classList.add("hidden");e.disableInputs(n)}}))};t.prototype.componentDidRender=function(){var t=this;this.host.querySelectorAll("[data-show-when]").forEach((function(e){var n;var i=(n=e===null||e===void 0?void 0:e.dataset)===null||n===void 0?void 0:n.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$1").trim();if(!i){return}t.changeHandler({target:t.host.querySelector('[name^="'+i+'"]')})}))};t.prototype.render=function(){return i(a,{key:"405156ba83b8731039c2dd0ff800f617150cc722"},i("slot",{key:"2bff17ce7b49fef9b028d673992d256b00e9481b"}))};Object.defineProperty(t.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});return t}())}}}));
-//# sourceMappingURL=p-bcae7f12.system.entry.js.map

package/dist/twilight/p-ce103d4c.system.entry.js

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

package/dist/twilight/p-f702aead.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as t,h as s,g as i}from"./p-DtlYcjlJ.js";import{a}from"./p-CgtvEd63.js";const e=":host{display:block}";const l=class{constructor(s){t(this,s);var i;this.currentSlug=salla.config.get("page.slug");salla.onReady((()=>{this.currentSlug=salla.config.get("page.slug")}));this.advSlot=((i=this.host.querySelector('[slot="adv"]'))===null||i===void 0?void 0:i.innerHTML)||`<div class="s-advertisement-content"><h2 class="s-advertisement-content-main">{iconElem}{urlElem}</h2>{closeElem}</div>\n    `}isNotVisible(t){return!!salla.storage.get(`statusAd-${t.id}`)}setCanDisplayFlag(t,s){if(!s){salla.storage.set(`statusAd-${t.id}`,"dismissed");a({targets:this.host,opacity:[1,0],duration:300,height:[this.host.clientHeight,0],easing:"easeInOutQuad"})}}render(){if(Array.isArray(this.advertisements)&&!this.advertisements.length||!this.advertisements){return}return this.advertisements.map((t=>s("div",{class:{"s-hidden":this.isNotVisible(t),"s-advertisement":true},"data-id":t.id,style:{"background-color":t.colors.bg,color:t.colors.text}},s("div",{id:"adv-slot",innerHTML:this.advSlot.replace("{iconElem}",`<i class="s-advertisement-content-icon ${t.icon}"></i>`).replace("{urlElem}",t.url?`<a href="${t.url}" target="${t.target}">${t.description}</a>`:t.description).replace("{closeElem}",`<button class="s-advertisement-action" aria-label="close-alert"><i class="sicon-cancel"></i></button>`).replace("{icon}",t.icon).replace("{url}",t.url).replace("{target}",t.target).replace("{description}",t.description).replace("{bg_color}",t.colors.bg).replace("{text_color}",t.colors.text)}))))}componentWillLoad(){return new Promise((t=>salla.onReady(t))).then((()=>salla.api.advertisement.fetch(this.currentSlug))).then((t=>Array.isArray(t.data)?t.data.find((t=>!salla.storage.get(`statusAd-${t.id}`))):null)).then((t=>this.advertisements=t?[t]:[]))}componentDidRender(){var t;if(Array.isArray(this.advertisements)&&!this.advertisements.length||!this.advertisements){return}setTimeout((()=>{let t=this.host.querySelector(".s-advertisement-action");if(t){t.addEventListener("click",(()=>this.setCanDisplayFlag(this.advertisements[0],false)))}}));this.host.querySelectorAll("#adv-slot").forEach((t=>t===null||t===void 0?void 0:t.replaceWith(t===null||t===void 0?void 0:t.firstChild)));(t=this.host.querySelector('[slot="adv"]'))===null||t===void 0?void 0:t.remove();a({targets:this.host,opacity:[0,1],duration:300,height:[0,this.host.clientHeight],easing:"easeInOutQuad"})}get host(){return i(this)}};l.style=e;export{l as salla_advertisement};
-//# sourceMappingURL=p-f702aead.entry.js.map