@salla.sa/twilight-components 2.13.88 → 2.13.89

package/dist/twilight/p-1ae3cce4.system.entry.js

@@ -0,0 +1,5 @@
+var __awaiter=this&&this.__awaiter||function(t,n,i,e){function o(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,a){function r(t){try{l(e.next(t))}catch(t){a(t)}}function s(t){try{l(e["throw"](t))}catch(t){a(t)}}function l(t){t.done?i(t.value):o(t.value).then(r,s)}l((e=e.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},e,o,a,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(n){return l([t,n])}}function l(s){if(e)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(i=0)),i)try{if(e=1,o&&(a=s[0]&2?o["return"]:s[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;if(o=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;o=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){i.label=s[1];break}if(s[0]===6&&i.label<a[1]){i.label=a[1];a=s;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(s);break}if(a[2])i.ops.pop();i.trys.pop();continue}s=n.call(t,i)}catch(t){s=[6,t];o=0}finally{e=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
+/*!
+ * Crafted with ❤ by Salla
+ */System.register(["./p-f422bbf9.system.js","./p-61858adc.system.js","./p-70434381.system.js"],(function(t){"use strict";var n,i,e,o,a,r,s;return{setters:[function(t){n=t.r;i=t.c;e=t.h;o=t.H;a=t.g},function(t){r=t.C},function(t){s=t.C}],execute:function(){var l;(function(t){t["COLOR"]="color";t["DATE"]="date";t["DATETIME"]="datetime";t["DONATION"]="donation";t["IMAGE"]="image";t["MULTIPLE_OPTIONS"]="multiple-options";t["NUMBER"]="number";t["SINGLE_OPTION"]="single-option";t["SPLITTER"]="splitter";t["TEXT"]="text";t["TEXTAREA"]="textarea";t["THUMBNAIL"]="thumbnail";t["TIME"]="time";t["RADIO"]="radio";t["CHECKBOX"]="checkbox";t["MAP"]="map";t["FILE"]="file";t["COLOR_PICKER"]="color_picker";t["BOOKING"]="booking"})(l||(l={}));var c;(function(t){t["Sar"]="SAR"})(c||(c={}));var u='\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>file-upload</title>\n<path d="M21.333 24c0.341 0 0.683-0.131 0.943-0.391 0.521-0.521 0.521-1.364 0-1.885l-5.333-5.333c-0.123-0.123-0.271-0.22-0.433-0.288-0.327-0.135-0.693-0.135-1.019 0-0.163 0.068-0.311 0.165-0.433 0.288l-5.333 5.333c-0.521 0.521-0.521 1.364 0 1.885s1.364 0.521 1.885 0l3.057-3.057v10.115c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-10.115l3.057 3.057c0.26 0.26 0.601 0.391 0.943 0.391zM28.943 9.724l-9.333-9.333c-0.249-0.251-0.589-0.391-0.943-0.391h-12c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h4c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-4c-0.735 0-1.333-0.599-1.333-1.333v-24c0-0.735 0.599-1.333 1.333-1.333h11.448l8.552 8.552v16.781c0 0.735-0.599 1.333-1.333 1.333h-4c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h4c2.205 0 4-1.795 4-4v-17.333c0-0.353-0.14-0.693-0.391-0.943z"></path>\n</svg>\n';var d="";var p=t("salla_product_options",function(){function t(t){var o=this;n(this,t);this.changed=i(this,"changed",7);this.fileTypes={pdf:"application/pdf",png:"image/png",jpg:"image/jpeg",word:"application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",exl:"application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",txt:"text/plain"};this.outSkus=[];this.handleDonationOptions=function(t,n,i){if(n=="custom"&&i=="input"){salla.helpers.inputDigitsOnly(t.target);salla.event.emit("product-options::donation-changed",{id:o.productId,price:t.target.value});return}t.preventDefault();t.stopPropagation();o.isCustomDonation=t.target.value==="custom";if(o.donationInput){if(t.target.value==="custom"){o.donationInput.value="";o.donationInput.focus()}else{o.donationInput.value=t.target.value}if(n=="custom"){return}salla.event.emit("product-options::donation-changed",{id:o.productId,price:t.target.value})}};this.hideLabel=function(t){if(t.type===l.DONATION&&(t.donation&&!t.donation.can_donate)){return true}return false};this.getExpireDonationMessage=function(t){if(!t.donation){return}var n=t.donation.target_amount<=t.donation.collected_amount;return e("div",{class:{"s-product-options-donation-message":true,"s-product-options-donation-completed":n,"s-product-options-donation-expired":!n}},e("p",null,t.donation.target_message),e("span",null,n?salla.money(t.donation.target_amount):""))};this.optionsData=undefined;this.outOfStockText="";this.donationAmount=salla.lang.get("pages.products.donation_amount");this.selectDonationAmount=salla.lang.getWithDefault("pages.products.select_donation_amount","تحديد مبلغ التبرع");this.selectAmount=salla.lang.getWithDefault("pages.products.select_amount","اختر المبلغ");this.isCustomDonation=false;this.selectedOptions=[];this.canDisabled=undefined;this.selectedSkus=undefined;this.selectedOutSkus=undefined;this.productId=salla.config.get("page.id");this.options=undefined;this.canDisabled=!salla.config.get("store.settings.product.notify_options_availability");salla.lang.onLoaded((function(){o.outOfStockText=salla.lang.get("pages.products.out_of_stock");o.donationAmount=salla.lang.get("pages.products.donation_amount");o.selectDonationAmount=salla.lang.getWithDefault("pages.products.select_donation_amount","تحديد مبلغ التبرع");o.selectAmount=salla.lang.getWithDefault("pages.products.select_amount","اختر المبلغ")}));if(this.options){try{this.setOptionsData(Array.isArray(this.options)?this.options:JSON.parse(this.options));return}catch(t){salla.log("Bad json passed via options prop")}}if(!Array.isArray(this.optionsData)){salla.log("Options is not an array[] ---\x3e ",this.optionsData);this.setOptionsData([])}if(this.productId&&!salla.url.is_page("cart")){salla.api.product.getDetails(this.productId,["options"]).then((function(t){return o.setOptionsData(t.data.options)}))}}t.prototype.setOptionsData=function(t){var n,i;this.optionsData=t;var e=this;(i=(n=this.optionsData[0])===null||n===void 0?void 0:n.details)===null||i===void 0?void 0:i.forEach((function(t){Object.entries(t.skus_availability||{}).filter((function(t){return!t[1]})).map((function(t){return e.outSkus.push(Number(t[0]))}))}))};t.prototype.getSelectedOptionsData=function(){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(i){t={};n=this.host.getElementSallaData();n.forEach((function(n,i){i.startsWith("options[")&&(t[i.replace("options[","").replace("]","")]=n)}));return[2,t]}))}))};t.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,i;return __generator(this,(function(e){t=this.host.querySelectorAll("[required]");n=true;for(i=0;i<t.length;i++){if("reportValidity"in t[i]&&!t[i].reportValidity()){n=false}}return[2,n]}))}))};t.prototype.hasOutOfStockOption=function(){return __awaiter(this,void 0,void 0,(function(){var t,n;var i=this;return __generator(this,(function(e){return[2,this.selectedOptions.some((function(t){return t.is_out}))||((t=this.selectedSkus)===null||t===void 0?void 0:t.length)&&((n=this.selectedSkus)===null||n===void 0?void 0:n.every((function(t){return i.outSkus.includes(t)})))]}))}))};t.prototype.getSelectedOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.selectedOptions]}))}))};t.prototype.getOption=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,this.optionsData.find((function(n){return n.id===t}))]}))}))};t.prototype.invalidHandler=function(t,n){var i=t.target.closest(".s-product-options-option");if(!salla.url.is_page("cart")){i.scrollIntoView({behavior:"smooth",block:"center"})}i.classList.add("s-product-options-option-error")};t.prototype.changedHandler=function(t,n){var i={event:t,option:n,detail:null};if(n.details){var e=n.details.find((function(n){return Number(n.id)===Number(t.target.value)}));i.detail=e}var o=t.target.closest(".s-product-options-option");if(t.target.value||(n.type==l.FILE||n.type==l.IMAGE)&&t.type==="added"||n.type==l.MAP&&t.type==="selected"&&(t.target.lat&&t.target.lng)){setTimeout((function(){o.classList.remove("s-product-options-option-error")}),200)}var a=this.selectedOptions.findIndex((function(t){return t.option_id===i.option.id}));a>-1?this.selectedOptions[a]=Object.assign(Object.assign({},i.detail),{option_id:i.option.id}):this.selectedOptions.push(Object.assign(Object.assign({},i.detail),{option_id:i.option.id}));if(n.type==l.DONATION){salla.event.emit("product-options::donation-changed",{id:this.productId,price:t.target.value})}this.setSelectedSkus();this.handleRequiredMultipleOptions(n);this.changed.emit(i);salla.event.emit("product-options::change",i)};t.prototype.setSelectedSkus=function(){this.selectedSkus=this.selectedOptions.map((function(t){return Object.keys(t.skus_availability||{})})).reduce((function(t,n){return t.filter((function(t){return n.includes(t)}))})).map((function(t){return Number(t)}))};t.prototype.handleRequiredMultipleOptions=function(t){if(t.type!==l.MULTIPLE_OPTIONS||!t.required){return}var n=this.host.querySelector('[data-option-id="'.concat(t.id,'"]'));var i=n.querySelectorAll("input:checked").length;n.querySelectorAll("input").forEach((function(t){return t.toggleAttribute("required",!i)}))};t.prototype.getLatLng=function(t,n){return t?t.split(",")[n=="lat"?0:1]:""};t.prototype.getDisplayForType=function(t){var n=this;if(this["".concat(t.type,"Option")]){return this["".concat(t.type,"Option")](t)}if(t.type===l.COLOR_PICKER){return this.colorPickerOption(t)}if(t.type===l.MULTIPLE_OPTIONS){return this.multipleOptions(t)}if(t.type===l.SINGLE_OPTION){return this.singleOption(t)}if(t.type===l.BOOKING&&salla.url.is_page("cart")){return e("salla-booking-field",{onInvalidInput:function(i){return n.invalidHandler(i,t)},option:t,productId:t.value})}salla.log("Couldn't find options type(".concat(t.type,")😢"));return""};t.prototype.getOptionShownWhen=function(t){return t.visibility_condition?{"data-show-when":"options[".concat(t.visibility_condition.option,"] ").concat(t.visibility_condition.operator," ").concat(t.visibility_condition.value)}:{}};t.prototype.componentWillLoad=function(){var t=this;this.outOfStockText=salla.lang.get("pages.products.out_of_stock");return salla.onReady((function(){var n=!salla.storage.get("cart.id")&&t.optionsData.some((function(t){return["file","image"].includes(t.type)}));return n?salla.api.cart.getCurrentCartId(false,"salla-product-options"):null}))};t.prototype.render=function(){var t=this;var n;if(((n=this.optionsData)===null||n===void 0?void 0:n.length)==0){return}return e(o,{class:"s-product-options-wrapper"},e("salla-conditional-fields",null,this.optionsData.map((function(n){return e("div",Object.assign({class:"s-product-options-option-container".concat(n.visibility_condition?" hidden":""),"data-option-id":n.id},t.getOptionShownWhen(n)),n.name=="splitter"?t.splitterOption():e("div",{class:{"s-product-options-option":true,"s-product-options-option-booking":n.type===l.BOOKING&&salla.url.is_page("cart")},"data-option-type":n.type,"data-option-required":"".concat(n.required)},e("label",{htmlFor:"options["+n.id+"]",class:"s-product-options-option-label ".concat(t.hideLabel(n)?"s-product-options-option-label-hidden":"")},e("b",null,n.name,n.required&&e("span",null," * ")," "),e("small",null,n.placeholder)),e("div",{class:"s-product-options-option-content ".concat(t.hideLabel(n)||n.type===l.BOOKING&&salla.url.is_page("cart")?"s-product-options-option-content-full-width":"")},t.getDisplayForType(n))))}))))};t.prototype.componentDidLoad=function(){var t=this;var n,i;if(((n=this.optionsData)===null||n===void 0?void 0:n.length)==0&&!this.optionsData.some((function(t){return t.type==l.DONATION}))){return}var e=(i=this.optionsData.find((function(t){return t.type==l.DONATION})))===null||i===void 0?void 0:i.details.find((function(t){return t.is_selected}));if(!e){return}setTimeout((function(){salla.event.emit("product-options::donation-changed",{id:t.productId,price:e.additional_price})}),1e3)};t.prototype.donationOption=function(t,n){var i=this;var o,a;return e("div",{class:"s-product-options-donation-wrapper"},((o=t.donation)===null||o===void 0?void 0:o.can_donate)?[t.donation?e("div",{class:"s-product-options-donation-progress"},e("salla-progress-bar",{donation:t.donation})):"",t.details.length?[e("h4",null,this.selectAmount),e("div",{class:"s-product-options-donation-options"},t.details.map((function(t,n){return e("div",{class:"s-product-options-donation-options-item"},e("input",{id:"donation-option-".concat(n),type:"radio",name:"donating_option",checked:t.is_selected,value:t.additional_price,onChange:function(n){return i.handleDonationOptions(n,t,"option")}}),e("label",{htmlFor:"donation-option-".concat(n)},e("span",null,salla.money(t.name))))})),((a=t.donation)===null||a===void 0?void 0:a.custom_amount_enabled)?e("div",{class:"s-product-options-donation-options-item"},e("input",{id:"donation-option-custom",type:"radio",name:"donating_option",value:"custom",onChange:function(t){return i.handleDonationOptions(t,"custom","option")}}),e("label",{htmlFor:"donation-option-custom"},e("span",null," ",this.selectDonationAmount," "))):"")]:"",e("div",{class:{"s-product-options-donation-input-group":true,shown:!t.details.length||t.details.length&&this.isCustomDonation}},e("input",{type:"text",id:"donating-amount",name:"donation_amount",class:"s-form-control",ref:function(t){return i.donationInput=t},value:t.details.length&&t.details.some((function(t){return t.is_selected}))?t.details.find((function(t){return t.is_selected})).additional_price:t.value,placeholder:t.placeholder,onInput:function(t){return i.handleDonationOptions(t,"custom","input")},onBlur:function(n){return i.changedHandler(n,t)},onInvalid:function(n){return i.invalidHandler(n,t)}}),e("span",{class:"s-product-options-donation-amount-currency"},salla.config.currency(salla.config.get("user.currency_code")).symbol))]:this.getExpireDonationMessage(t))};t.prototype.fileUploader=function(t,n){var i=this;if(n===void 0){n=null}return e("salla-file-upload",Object.assign({},n||{},{"payload-name":"file",value:t.value,"instant-upload":true,name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,height:"120px",onAdded:function(n){return i.changedHandler(n,t)},url:salla.cart.api.getUploadImageEndpoint(),"form-data":{cart_item_id:this.productId,product_id:this.productId},onInvalidInput:function(n){return i.invalidHandler(n,t)},class:{"s-product-options-image-input":true,required:t.required}}),e("div",{class:"s-product-options-filepond-placeholder"},e("span",{class:"s-product-options-filepond-placeholder-icon",innerHTML:n.accept&&n.accept.split(",").every((function(t){return t.includes("image")}))?s:u}),e("p",{class:"s-product-options-filepond-placeholder-text"},salla.lang.get("common.uploader.drag_and_drop")),e("span",{class:"filepond--label-action"},salla.lang.get("common.uploader.browse"))))};t.prototype.imageOption=function(t){return this.fileUploader(t,{accept:"image/png,image/jpeg,image/jpg,image/gif"})};t.prototype.fileOption=function(t){var n=this;var i=t.details.map((function(t){return n.fileTypes[t.name]})).filter(Boolean);return(i===null||i===void 0?void 0:i.length)?this.fileUploader(t,{accept:i.join(",")}):"File types not selected."};t.prototype.numberOption=function(t){var n=this;return e("input",{type:"text",value:t.value,class:"s-form-control",required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onBlur:function(i){return n.changedHandler(i,t)},onInvalid:function(i){return n.invalidHandler(i,t)},onInput:function(t){return salla.helpers.inputDigitsOnly(t.target)}})};t.prototype.splitterOption=function(){return e("div",{class:"s-product-options-splitter"})};t.prototype.textOption=function(t){var n=this;return e("div",{class:"s-product-options-text"},e("input",{type:"text",value:t.value,maxLength:t===null||t===void 0?void 0:t.length,class:"s-form-control",required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onInvalid:function(i){return n.invalidHandler(i,t)},onInput:function(i){return n.changedHandler(i,t)}}))};t.prototype.textareaOption=function(t){var n=this;return e("div",{class:"s-product-options-textarea"},e("div",{class:"mt-1"},e("textarea",{rows:4,value:t.value,maxLength:t===null||t===void 0?void 0:t.length,class:"s-form-control",required:!t.visibility_condition&&t.required,id:"options[".concat(t.id,"]"),name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onInvalid:function(i){return n.invalidHandler(i,t)},onInput:function(i){return n.changedHandler(i,t)}})))};t.prototype.mapOption=function(t){var n=this;return e("salla-map",{zoom:15,lat:this.getLatLng(t.value,"lat"),lng:this.getLatLng(t.value,"lng"),name:"options[".concat(t.id,"]"),searchable:true,required:t.required,onInvalidInput:function(i){return n.invalidHandler(i,t)},onSelected:function(i){return n.changedHandler(i,t)}})};t.prototype.colorPickerOption=function(t){var n=this;return e("salla-color-picker",{onSubmitted:function(i){return n.changedHandler(i,t)},name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,onInvalidInput:function(i){return n.invalidHandler(i,t)},color:t.value})};t.prototype.timeOption=function(t){var n=this;return e("salla-datetime-picker",{noCalendar:true,enableTime:true,dateFormat:"h:i K",value:t.value,placeholder:t.name,required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),class:"s-product-options-time-element",onInvalidInput:function(i){return n.invalidHandler(i,t)},onPicked:function(i){return n.changedHandler(i,t)}})};t.prototype.dateOption=function(t){var n=this;return e("div",{class:"s-product-options-date-element"},e("salla-datetime-picker",{value:t.value,placeholder:t.name,required:!t.visibility_condition&&t.required,minDate:new Date,name:"options[".concat(t.id,"]"),onInvalidInput:function(i){return n.invalidHandler(i,t)},onPicked:function(i){return n.changedHandler(i,t)}}))};t.prototype.datetimeOption=function(t){var n=this;return e("div",{class:"s-product-options-datetime-element"},e("salla-datetime-picker",{enableTime:true,value:t.value,dateFormat:"Y-m-d G:i:K",placeholder:t.name,required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),maxDate:t.to_date_time,minDate:t.from_date_time,onInvalidInput:function(i){return n.invalidHandler(i,t)},onPicked:function(i){return n.changedHandler(i,t)}}))};t.prototype.getOptionDetailName=function(t,n,i){if(n===void 0){n=true}if(i&&i==l.COLOR){return t.name+(n&&this.isOptionDetailOut(t)?" <br/> <p> ".concat(this.outOfStockText," </p>"):"")+(t.additional_price?" <p> (".concat(salla.money(t.additional_price),") </p>"):"")}return t.name+(n&&this.isOptionDetailOut(t)?" - ".concat(this.outOfStockText):"")+(t.additional_price?" (".concat(salla.money(t.additional_price),")"):"")};t.prototype.isOptionDetailOut=function(t){var n=this;var i;if(t.is_out||!t.skus_availability||!((i=this.selectedSkus)===null||i===void 0?void 0:i.length)){return t.is_out}var e=this.selectedOptions.filter((function(n){return n.id==t.id})).length;if(e&&this.selectedOptions.length==1){return false}if(e){var o=this.selectedSkus.filter((function(t){return n.outSkus.includes(t)}));return Object.keys(t.skus_availability).some((function(t){return o.includes(Number(t))}))}return this.selectedOptions.some((function(n){return n.is_out&&n.option_id!==t.option_id}))};t.prototype.singleOption=function(t){var n=this;return e("div",null,e("select",{name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,class:"s-form-control",onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}},e("option",{value:""},t.placeholder),t===null||t===void 0?void 0:t.details.map((function(t){return e("option",{value:t.id,disabled:n.canDisabled&&n.isOptionDetailOut(t),selected:t.is_selected},n.getOptionDetailName(t))}))))};t.prototype.multipleOptions=function(t){var n=this;var i=t.required&&!t.details.some((function(t){return t.is_selected}))&&!t.visibility_condition;return e("div",{class:{"s-product-options-multiple-options-wrapper":true,required:t.required}},t===null||t===void 0?void 0:t.details.map((function(o){return e("div",null,e("input",{type:"checkbox",value:o.id,disabled:n.isOptionDetailOut(o),checked:o.is_selected,required:i,name:"options[".concat(t.id,"][]"),id:"field-".concat(t.id,"-").concat(o.id),onChange:function(i){return n.changedHandler(i,t)},onInvalid:function(i){return n.invalidHandler(i,t)},"aria-describedby":"options[".concat(t.id,"]-description")}),e("label",{htmlFor:"field-".concat(t.id,"-").concat(o.id)},n.getOptionDetailName(o)))})))};t.prototype.colorOption=function(t){var n=this;return e("fieldset",{class:"s-product-options-colors-wrapper"},t===null||t===void 0?void 0:t.details.map((function(i){return e("div",{class:"s-product-options-colors-item"},e("input",{type:"radio",value:i.id,required:!t.visibility_condition&&t.required,checked:i.is_selected,name:"options[".concat(t.id,"]"),disabled:n.canDisabled&&n.isOptionDetailOut(i),id:"color-".concat(n.productId,"-").concat(t.id,"-").concat(i.id),onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}}),e("label",{htmlFor:"color-".concat(n.productId,"-").concat(t.id,"-").concat(i.id)},e("span",{style:{"background-color":i.color}}),e("div",{innerHTML:n.getOptionDetailName(i,true,t.type)})))})))};t.prototype.thumbnailOption=function(t){var n=this;return e("div",{class:"s-product-options-thumbnails-wrapper"},t.details.map((function(i){return e("div",null,e("input",{type:"radio",value:i.id,"data-itemid":i.id,required:!t.visibility_condition&&t.required,checked:i.is_selected,name:"options[".concat(t.id,"]"),"data-img-id":i.option_value,disabled:n.canDisabled&&n.isOptionDetailOut(i),id:"option_".concat(n.productId,"-").concat(t.id,"_").concat(i.id),onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}}),e("label",{htmlFor:"option_".concat(n.productId,"-").concat(t.id,"_").concat(i.id),"data-img-id":i.option_value,class:"go-to-slide"},e("img",{"data-src":i.image,src:i.image,title:i.name,alt:i.name}),e("span",{innerHTML:r,class:"s-product-options-thumbnails-icon"}),n.isOptionDetailOut(i)?[e("small",{class:"s-product-options-thumbnails-stock-badge"},n.outOfStockText),n.canDisabled?e("div",{class:"s-product-options-thumbnails-badge-overlay"}):""]:""),e("p",null,n.getOptionDetailName(i,false)," "))})))};Object.defineProperty(t.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());p.style=d}}}));
+//# sourceMappingURL=p-1ae3cce4.system.entry.js.map

package/dist/twilight/p-1ae3cce4.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DisplayType","Currency","sallaProductOptionsCss","SallaProductOptions","exports","class_1","hostRef","_this","this","fileTypes","pdf","png","jpg","word","exl","txt","outSkus","handleDonationOptions","event","detail","type","salla","helpers","inputDigitsOnly","target","emit","id","productId","price","value","preventDefault","stopPropagation","isCustomDonation","donationInput","focus","hideLabel","option","DONATION","donation","can_donate","getExpireDonationMessage","completed","target_amount","collected_amount","h","class","target_message","money","lang","get","getWithDefault","config","canDisabled","onLoaded","outOfStockText","donationAmount","selectDonationAmount","selectAmount","options","setOptionsData","Array","isArray","JSON","parse","e","log","optionsData","url","is_page","api","product","getDetails","then","resp","data","prototype","that","_b","_a","details","forEach","Object","entries","skus_availability","filter","sku","map","push","Number","getSelectedOptionsData","selectedOptions","formData","host","getElementSallaData","key","startsWith","replace","reportValidity","requiredElements","querySelectorAll","pass","i","length","hasOutOfStockOption","some","is_out","selectedSkus","every","includes","getSelectedOptions","getOption","option_id","find","invalidHandler","closestProductOption","closest","scrollIntoView","behavior","block","classList","add","changedHandler","optionElement","FILE","IMAGE","MAP","lat","lng","setTimeout","remove","index","findIndex","assign","setSelectedSkus","handleRequiredMultipleOptions","changed","keys","reduce","p","c","MULTIPLE_OPTIONS","required","optionContainer","querySelector","concat","hasChecked","input","toggleAttribute","getLatLng","split","getDisplayForType","COLOR_PICKER","colorPickerOption","multipleOptions","SINGLE_OPTION","singleOption","BOOKING","onInvalidInput","getOptionShownWhen","visibility_condition","operator","componentWillLoad","onReady","needsCartId","storage","cart","getCurrentCartId","render","Host","name","splitterOption","htmlFor","placeholder","componentDidLoad","selectedDonationOption","is_selected","additional_price","donationOption","checked","onChange","custom_amount_enabled","shown","ref","el","onInput","onBlur","onInvalid","currency","symbol","fileUploader","additions","height","onAdded","getUploadImageEndpoint","cart_item_id","product_id","innerHTML","accept","CameraIcon","FileIcon","imageOption","fileOption","types","Boolean","join","numberOption","textOption","maxLength","textareaOption","rows","mapOption","zoom","searchable","onSelected","onSubmitted","color","timeOption","noCalendar","enableTime","dateFormat","onPicked","dateOption","minDate","Date","datetimeOption","maxDate","to_date_time","from_date_time","getOptionDetailName","outOfStock","optionType","COLOR","isOptionDetailOut","isDetailSelected","outSelectableSkus_1","disabled","selected","is_required","colorOption","style","thumbnailOption","option_value","image","src","title","alt","CheckCircleIcon"],"sources":["src/components/salla-product-options/interfaces.ts","src/components/salla-product-options/salla-product-options.scss?tag=salla-product-options","src/components/salla-product-options/salla-product-options.tsx"],"sourcesContent":["export enum DisplayType {\n  COLOR = \"color\",\n  DATE = \"date\",\n  DATETIME = \"datetime\",\n  DONATION = \"donation\",\n  IMAGE = \"image\",\n  MULTIPLE_OPTIONS = \"multiple-options\",\n  NUMBER = \"number\",\n  SINGLE_OPTION = \"single-option\",\n  SPLITTER = \"splitter\",\n  TEXT = \"text\",\n  TEXTAREA = \"textarea\",\n  THUMBNAIL = \"thumbnail\",\n  TIME = \"time\",\n  RADIO = \"radio\",\n  CHECKBOX = \"checkbox\",\n  MAP = \"map\",\n  FILE = \"file\", // similar to image type (file-uploader component)\n  COLOR_PICKER = \"color_picker\",\n  BOOKING = \"booking\"\n}\n\nexport interface ProductDetail {\n  id: string;\n  sku: string;\n  name: string;\n  description: string;\n  url: string;\n  promotion_title: string;\n  subtitle: string;\n  type: string;\n  status: string;\n  price: number;\n  sale_price: number;\n  regular_price: number;\n  starting_price: null;\n  quantity: number;\n  max_quantity: number;\n  discount_ends: number;\n  is_taxable: boolean;\n  has_read_more: boolean;\n  can_add_note: boolean;\n  can_show_remained_quantity: boolean;\n  can_upload_file: boolean;\n  has_custom_form: boolean;\n  is_on_sale: boolean;\n  is_hidden_quantity: boolean;\n  is_available: boolean;\n  is_out_of_stock: boolean;\n  weight: null;\n  calories: null;\n  image: SimpleImage;\n  brand: Brand;\n  donation?: ProductDonation;\n  images: Image[];\n  tags: Tag[];\n  notify_availability: null;\n  rating: Rating;\n  options: Option[];\n  sold_quantity: number;\n  category: Category;\n}\n\nexport interface SimpleImage {\n  url: string;\n  alt: string;\n}\n\nexport interface Category {\n  name: string;\n  url: string;\n  icon: string;\n}\n\nexport interface ProductDonation {\n  target_message?: string;\n  collected_amount?: number;\n  target_amount?: number;\n  target_percent?: number;\n  target_end_date?: string;\n  can_donate: boolean;\n  custom_amount_enabled: boolean;\n}\n\nexport interface Image {\n  id: number;\n  url: string;\n  main: boolean;\n  three_d_image_url: string;\n  alt: string;\n  video_url: string;\n  type: string;\n  sort: number;\n}\n\nexport interface Option {\n  id: number;\n  name: string;\n  required: boolean;\n  type: string;\n  placeholder: string;\n  option_type: string;\n  not_same_day_order: boolean;\n  availability_range: number;\n  from_date_time: null;\n  to_date_time: null;\n  visibility_condition?: { option: number, operator: \"=\" | \"!=\", value: number };\n  details?: Detail[];\n  condition_attributes: string;\n  value?: any;\n  length?: number;\n  donation?: Donation\n}\n\nexport interface Donation {\n  custom_amount_enabled: boolean;\n  target_message?: string;\n  target_date: string | \"2023-04-18\";\n  target_end_date: string | \"2023-04-18\";\n  target_amount: number;\n  collected_amount: number;\n  can_donate: boolean;\n}\n\nexport interface Detail {\n  id: number;\n  option_id: number;\n  name: string;\n  additional_price: number;\n  option_value: null | string;\n  image: null | string;\n  color: null | string;\n  is_out: boolean;\n  skus_availability?: { [sku_id: number]: boolean };\n  is_selected: boolean;\n}\n\nexport interface Brand {\n  id: string;\n  url: string;\n  name: string;\n  logo: string;\n}\n\nexport interface PreTaxPrice {\n  amount: number;\n  currency: Currency;\n}\n\nexport enum Currency {\n  Sar = \"SAR\",\n}\n\nexport interface Promotion {\n  title: string;\n  sub_title: string;\n}\n\nexport interface Rating {\n  count: number;\n  stars: number;\n}\n\nexport interface Tag {\n  name: string;\n  url: string;\n}\n","\n.s-product-options{\n  &-wrapper{\n\n  }\n  &-option-container{\n\n  }\n  &-option{\n\n  }\n  &-option-label{\n\n  }\n  &-option-content{\n\n  }\n  &-colors-wrapper{\n\n  }\n  &-date-element{\n\n  }\n  &-time-element{\n    \n  }\n  &-datetime-element{\n\n  }\n  &-image-input{\n\n  }\n  &-multiple-options-wrapper{\n\n  }\n  &-splitter{\n\n  }\n  &-text{\n\n  }\n  &-textarea{\n\n  }\n  &-thumbnails-wrapper{\n\n  }\n}","import { Component, Prop, h, State, Element, Host, Event, EventEmitter, Method } from '@stencil/core';\nimport { Option, DisplayType, Detail } from './interfaces';\nimport CheckCircleIcon from '../../assets/svg/check.svg';\nimport CameraIcon from '../../assets/svg/camera.svg';\nimport FileIcon from '../../assets/svg/file-upload.svg';\n\n\n@Component({\n  tag: 'salla-product-options',\n  styleUrl: 'salla-product-options.scss',\n})\nexport class SallaProductOptions {\n\n  constructor() {\n    this.canDisabled = !salla.config.get('store.settings.product.notify_options_availability');\n    salla.lang.onLoaded(() => {\n      this.outOfStockText = salla.lang.get(\"pages.products.out_of_stock\");\n      this.donationAmount = salla.lang.get('pages.products.donation_amount');\n      this.selectDonationAmount = salla.lang.getWithDefault('pages.products.select_donation_amount', 'تحديد مبلغ التبرع');\n      this.selectAmount = salla.lang.getWithDefault('pages.products.select_amount', 'اختر المبلغ');\n    });\n\n    if (this.options) {\n      try {\n        this.setOptionsData(Array.isArray(this.options) ? this.options : JSON.parse(this.options));\n        return;\n      } catch (e) {\n        salla.log('Bad json passed via options prop');\n      }\n    }\n    if (!Array.isArray(this.optionsData)) {\n      salla.log('Options is not an array[] ---> ', this.optionsData);\n      this.setOptionsData([]);\n    }\n\n    if (this.productId && !salla.url.is_page('cart')) {\n      salla.api.product.getDetails(this.productId, ['options']).then(resp => this.setOptionsData(resp.data.options));\n    }\n  }\n\n  private setOptionsData(optionsData: Option[]) {\n    this.optionsData = optionsData;\n    let that = this\n    this.optionsData[0]?.details?.forEach(function (detail) {\n      Object.entries(detail.skus_availability || {})\n        .filter(sku => !sku[1])\n        .map(sku => that.outSkus.push(Number(sku[0])));\n    });\n  }\n\n  @Element() host: HTMLElement;\n\n  private fileTypes: Object = {\n    pdf: 'application/pdf',\n    png: 'image/png',\n    jpg: 'image/jpeg',\n    word: 'application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    exl: 'application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    txt: 'text/plain',\n  };\n\n  @State() optionsData: Option[];\n  @State() outOfStockText: string = ''\n  @State() donationAmount: string = salla.lang.get('pages.products.donation_amount')\n  @State() selectDonationAmount: string = salla.lang.getWithDefault('pages.products.select_donation_amount', 'تحديد مبلغ التبرع')\n  @State() selectAmount: string = salla.lang.getWithDefault('pages.products.select_amount', 'اختر المبلغ')\n  @State() isCustomDonation: boolean = false;\n  @State() selectedOptions: Array<any> = [];\n  @State() canDisabled: boolean;\n  @State() selectedSkus?: Array<string | number>;\n  @State() selectedOutSkus?: Array<string | number>;\n  private outSkus: Array<string | number> = [];\n  private donationInput?: HTMLInputElement;\n\n  /**\n   * The id of the product to which the options are going to be fetched for.\n   */\n  @Prop() productId: number = salla.config.get('page.id');\n\n  /**\n   * Product detail information.\n   */\n  @Prop() options: string;\n\n  /**\n   * Get the id's of the selected options.\n   * */\n  @Method()\n  async getSelectedOptionsData() {\n    let selectedOptions = {}\n    let formData = (this.host as any).getElementSallaData();\n    formData.forEach(function (value, key) {\n      key.startsWith('options[') && (selectedOptions[key.replace('options[', '').replace(']', '')] = value);\n    });\n    return selectedOptions;\n  }\n\n  /**\n   * Report options form validity.\n   * */\n  @Method()\n  async reportValidity() {\n    let requiredElements: Array<HTMLInputElement> = this.host.querySelectorAll('[required]') as any;\n    let pass = true;\n    for (let i = 0; i < requiredElements.length; i++) {\n      //if there is only one invalid option, return false\n      if ('reportValidity' in requiredElements[i] && !requiredElements[i].reportValidity()) {\n        pass = false;\n      }\n    }\n    return pass;\n  }\n\n  /**\n   * Return true if there is any out of stock options are selected and vise versa.\n   * */\n  @Method()\n  async hasOutOfStockOption() {\n    return this.selectedOptions.some(option => option.is_out) || (this.selectedSkus?.length && this.selectedSkus?.every(sku => this.outSkus.includes(sku)));\n  }\n\n  /**\n   * Get selected options.\n   * */\n  @Method()\n  async getSelectedOptions() {\n    return this.selectedOptions;\n  }\n\n  /**\n   * Get a specific option by its id.\n   * */\n  @Method()\n  async getOption(option_id) {\n    return this.optionsData.find(option => option.id === option_id);\n  }\n\n  /**\n   * An event that emitted when any option is changed.\n   */\n  @Event() changed: EventEmitter;\n\n  // @ts-ignore\n  private invalidHandler(event, option: Option) {\n    const closestProductOption = (event.target as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n    if (!salla.url.is_page('cart')) {\n      closestProductOption.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n    closestProductOption.classList.add('s-product-options-option-error');\n  }\n\n  private changedHandler(event, option) {\n    let data = { event: event, option: option, detail: null };\n    if (option.details) {\n      let detail = option.details.find((detail) => {\n        return Number(detail.id) === Number(event.target.value);\n      });\n      data.detail = detail\n    }\n\n    let optionElement = event.target.closest('.s-product-options-option');\n    if (event.target.value\n      || ((option.type == DisplayType.FILE || option.type == DisplayType.IMAGE) && event.type === 'added')\n      || (option.type == DisplayType.MAP && event.type === 'selected' && (event.target.lat && event.target.lng))) {\n      setTimeout(() => {\n        optionElement.classList.remove('s-product-options-option-error');\n      }, 200);\n    }\n\n    const index = this.selectedOptions.findIndex(option => option.option_id === data.option.id);\n    index > -1 ? this.selectedOptions[index] = {\n      ...data.detail,\n      option_id: data.option.id\n    } : this.selectedOptions.push({ ...data.detail, option_id: data.option.id })\n\n    if (option.type == DisplayType.DONATION) {\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: event.target.value\n      });\n    }\n    this.setSelectedSkus();\n    this.handleRequiredMultipleOptions(option);\n    this.changed.emit(data);\n    salla.event.emit('product-options::change', data);\n  }\n\n\n  private handleDonationOptions = (event, detail, type) => {\n    if (detail == 'custom' && type == 'input') {\n      salla.helpers.inputDigitsOnly(event.target)\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: event.target.value\n      });\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    this.isCustomDonation = event.target.value === 'custom';\n    if (this.donationInput) {\n      if (event.target.value === 'custom') {\n        this.donationInput.value = '';\n        this.donationInput.focus()\n      } else {\n        this.donationInput.value = event.target.value;\n      }\n      if (detail == 'custom') {\n        return\n      }\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: event.target.value\n      });\n    }\n  }\n\n  private hideLabel = (option) => {\n    if (option.type === DisplayType.DONATION && (option.donation && !option.donation.can_donate)) {\n      return true;\n    }\n    return false;\n  }\n\n  private getExpireDonationMessage = (option) => {\n    if (!option.donation) {\n      return;\n    }\n    let completed = option.donation.target_amount <= option.donation.collected_amount;\n    return <div class={{ \"s-product-options-donation-message\": true, \"s-product-options-donation-completed\": completed, \"s-product-options-donation-expired\": !completed }}>\n      <p>{option.donation.target_message}</p>\n      <span>{completed ? salla.money(option.donation.target_amount) : ''}</span>\n    </div>\n  }\n  /**\n   * loop throw all selected details, then get common sku, if it's only one, means we selected all of them;\n   */\n  private setSelectedSkus() {\n    this.selectedSkus = this.selectedOptions.map(detail => Object.keys(detail.skus_availability || {}))\n      .reduce((p, c) => p.filter(e => c.includes(e)))\n      .map(sku => Number(sku));\n  }\n\n  private handleRequiredMultipleOptions(option) {\n    if (option.type !== DisplayType.MULTIPLE_OPTIONS || !option.required) {\n      return;\n    }\n    const optionContainer = this.host.querySelector(`[data-option-id=\"${option.id}\"]`);\n    const hasChecked = optionContainer.querySelectorAll('input:checked').length;\n    optionContainer.querySelectorAll('input').forEach(input => input.toggleAttribute('required', !hasChecked));\n  }\n\n  private getLatLng(value, type: 'lat' | 'lng') {\n    return value\n      ? value.split(',')[type == 'lat' ? 0 : 1]\n      : '';\n  }\n\n  private getDisplayForType(option: Option) {\n    if (this[`${option.type}Option`]) {\n      return this[`${option.type}Option`](option);\n    }\n\n    if (option.type === DisplayType.COLOR_PICKER) {\n      return this.colorPickerOption(option)\n    }\n\n    if (option.type === DisplayType.MULTIPLE_OPTIONS) {\n      return this.multipleOptions(option);\n    }\n\n    if (option.type === DisplayType.SINGLE_OPTION) {\n      return this.singleOption(option);\n    }  \n    \n    if (option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\")) {\n      return <salla-booking-field onInvalidInput={(e) => this.invalidHandler(e, option)} option={option as any} productId={option.value}></salla-booking-field>\n    }\n    \n    salla.log(`Couldn't find options type(${option.type})😢`);\n    return '';\n  }\n\n  protected getOptionShownWhen(option: Option) {\n    return option.visibility_condition\n      ? { \"data-show-when\": `options[${option.visibility_condition.option}] ${option.visibility_condition.operator} ${option.visibility_condition.value}` }\n      : {};\n  }\n\n  //we need the cart Id for productOption Image\n  componentWillLoad() {\n    this.outOfStockText = salla.lang.get('pages.products.out_of_stock')\n    return salla.onReady(() => {\n      const needsCartId = (!salla.storage.get('cart.id') && this.optionsData.some(option => ['file', 'image'].includes(option.type)));\n      return needsCartId ? salla.api.cart.getCurrentCartId(false, \"salla-product-options\") : null;\n    })\n  }\n\n  render() {\n    if (this.optionsData?.length == 0) {\n      return;\n    }\n\n    return (\n      <Host class=\"s-product-options-wrapper\">\n        {/* TODO:: move salla-conditional-field logic to here, no need of another component*/}\n        <salla-conditional-fields>\n          {this.optionsData.map((option: Option) =>\n            <div class={`s-product-options-option-container${option.visibility_condition ? ' hidden' : ''}`}\n              data-option-id={option.id}\n              {...this.getOptionShownWhen(option)}>\n              {option.name == 'splitter' ?\n                this.splitterOption()\n                : <div class={{\"s-product-options-option\": true, \"s-product-options-option-booking\": option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\")}} data-option-type={option.type}\n                  data-option-required={`${option.required}`}>\n                  <label htmlFor={'options[' + option.id + ']'} class={`s-product-options-option-label ${this.hideLabel(option) ? 's-product-options-option-label-hidden' : ''}`}>\n                    <b>\n                      {option.name}\n                      {option.required && <span> * </span>} </b>\n                    <small>{option.placeholder}</small>\n                  </label>\n                  <div class={`s-product-options-option-content ${this.hideLabel(option) || (option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\")) ? 's-product-options-option-content-full-width' : ''}`}>\n                    {this.getDisplayForType(option)}\n                  </div>\n                </div>}\n            </div>\n          )}\n        </salla-conditional-fields>\n      </Host>\n    );\n\n  }\n\n  componentDidLoad(){\n    if (this.optionsData?.length == 0 && !this.optionsData.some(option => option.type == DisplayType.DONATION)) {\n      return;\n    }\n    let selectedDonationOption =  this.optionsData.find(option => option.type == DisplayType.DONATION)?.details.find(detail => detail.is_selected);\n    if (!selectedDonationOption) {\n      return;\n    }\n    setTimeout(() => {\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: selectedDonationOption.additional_price\n      });\n    }, 1000);\n  }\n  //@ts-ignore\n  private donationOption(option: Option, product: Product) {\n    return <div class=\"s-product-options-donation-wrapper\">\n\n      {option.donation?.can_donate ? [\n        option.donation ?\n          <div class=\"s-product-options-donation-progress\">\n            <salla-progress-bar donation={option.donation}>\n            </salla-progress-bar>\n          </div>\n          : '',\n        option.details.length ?\n          [<h4>{this.selectAmount}</h4>,\n          <div class=\"s-product-options-donation-options\">\n            {option.details.map((detail, i) =>\n              <div class=\"s-product-options-donation-options-item\">\n                <input id={`donation-option-${i}`} type=\"radio\" name=\"donating_option\" checked={detail.is_selected} value={detail.additional_price} onChange={e => this.handleDonationOptions(e, detail, 'option')} />\n                <label htmlFor={`donation-option-${i}`}>\n                  <span>{salla.money(detail.name)}</span>\n                </label>\n              </div>\n            )}\n            {option.donation?.custom_amount_enabled ?\n              <div class=\"s-product-options-donation-options-item\">\n                <input id={`donation-option-custom`} type=\"radio\" name=\"donating_option\" value=\"custom\" onChange={e => this.handleDonationOptions(e, 'custom', 'option')} />\n                <label htmlFor={`donation-option-custom`}>\n                  <span> {this.selectDonationAmount} </span>\n                </label>\n              </div>\n              : ''\n            }\n          </div>] : '',\n\n        <div class={{ \"s-product-options-donation-input-group\": true, \"shown\": !option.details.length || (option.details.length && this.isCustomDonation) }}>\n          <input\n            type=\"text\"\n            id=\"donating-amount\"\n            name=\"donation_amount\"\n            class=\"s-form-control\"\n            ref={el => this.donationInput = el as HTMLInputElement}\n            value={\n              option.details.length\n                && option.details.some(detail => detail.is_selected)\n                ? option.details.find(detail => detail.is_selected).additional_price\n                : option.value}\n            // required\n            placeholder={option.placeholder}\n            onInput={e => this.handleDonationOptions(e, 'custom', 'input')}\n            onBlur={e => this.changedHandler(e, option)}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n          />\n          {/* value={option.value} */}\n          <span class=\"s-product-options-donation-amount-currency\">\n            {salla.config.currency(salla.config.get('user.currency_code')).symbol}\n          </span>\n        </div>\n      ] :\n        this.getExpireDonationMessage(option)\n      }\n    </div>\n  }\n\n  private fileUploader(option: Option, additions: Object | null = null) {\n    return <salla-file-upload\n      {...(additions || {})}\n      payload-name=\"file\"\n      value={option.value}\n      instant-upload={true}\n      name={`options[${option.id}]`}\n      required={!option.visibility_condition && option.required}\n      height=\"120px\"\n      onAdded={(e) => this.changedHandler(e, option)}\n      url={salla.cart.api.getUploadImageEndpoint()}\n      form-data={{ cart_item_id: this.productId, product_id: this.productId }}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      class={{ \"s-product-options-image-input\": true, required: option.required }}\n    >\n      <div class=\"s-product-options-filepond-placeholder\">\n        <span class=\"s-product-options-filepond-placeholder-icon\"\n          innerHTML={(additions as any).accept && (additions as any).accept.split(',').every(type => type.includes('image'))\n            ? CameraIcon\n            : FileIcon}\n        />\n        <p class=\"s-product-options-filepond-placeholder-text\">{salla.lang.get('common.uploader.drag_and_drop')}</p>\n        <span class=\"filepond--label-action\">{salla.lang.get('common.uploader.browse')}</span>\n      </div>\n    </salla-file-upload>\n  }\n\n  //@ts-ignore\n  private imageOption(option: Option) {\n    return this.fileUploader(option, { accept: 'image/png,image/jpeg,image/jpg,image/gif' });\n  }\n\n  //@ts-ignore\n  private fileOption(option: Option) {\n    let types = option.details.map(detail => this.fileTypes[detail.name]).filter(Boolean);\n    return types?.length\n      ? this.fileUploader(option, { accept: types.join(',') })\n      : 'File types not selected.';\n  }\n\n  // TODO: (ONLY FOR TESTING!) find a better way to make it testable, e.g. wrap it with a unique class like textOption\n  //@ts-ignore\n  private numberOption(option: Option) {\n    return <input\n      type=\"text\"\n      value={option.value}\n      class=\"s-form-control\"\n      required={!option.visibility_condition && option.required}\n      name={`options[${option.id}]`}\n      placeholder={option.placeholder}\n      onBlur={e => this.changedHandler(e, option)}\n      onInvalid={(e) => this.invalidHandler(e, option)}\n      onInput={e => salla.helpers.inputDigitsOnly(e.target)} />\n  }\n\n  //@ts-ignore\n  private splitterOption() {\n    return <div class=\"s-product-options-splitter\" />\n  }\n\n  //@ts-ignore\n  private textOption(option: Option) {\n    return <div class=\"s-product-options-text\">\n      <input\n        type=\"text\"\n        value={option.value}\n        maxLength={option?.length}\n        class='s-form-control'\n        required={!option.visibility_condition && option.required}\n        name={`options[${option.id}]`}\n        placeholder={option.placeholder}\n        onInvalid={(e) => this.invalidHandler(e, option)}\n        onInput={e => this.changedHandler(e, option)} />\n    </div>\n  }\n\n  //@ts-ignore\n  private textareaOption(option: Option) {\n    //todo::remove mt-1 class, and if it's okay to remove the tag itself will be great\n    return <div class=\"s-product-options-textarea\">\n      <div class=\"mt-1\">\n        <textarea\n          rows={4}\n          value={option.value}\n          maxLength={option?.length}\n          class=\"s-form-control\"\n          required={!option.visibility_condition && option.required}\n          id={`options[${option.id}]`}\n          name={`options[${option.id}]`}\n          placeholder={option.placeholder}\n          onInvalid={(e) => this.invalidHandler(e, option)}\n          onInput={(e) => this.changedHandler(e, option)} />\n      </div>\n    </div>\n  }\n\n  //@ts-ignore\n  private mapOption(option: Option) {\n    return <salla-map\n      zoom={15}\n      lat={this.getLatLng(option.value, 'lat')}\n      lng={this.getLatLng(option.value, 'lng')}\n      name={`options[${option.id}]`}\n      searchable={true}\n      required={option.required}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      onSelected={e => this.changedHandler(e, option)} />\n  }\n\n  private colorPickerOption(option: Option) {\n    return <salla-color-picker\n      onSubmitted={e => this.changedHandler(e, option)}\n      name={`options[${option.id}]`}\n      required={!option.visibility_condition && option.required}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      color={option.value} />\n  }\n\n  /**\n   * ============= Date Time options =============\n   */\n  //@ts-ignore\n  private timeOption(option: Option) {\n    return <salla-datetime-picker\n      noCalendar={true}\n      enableTime={true}\n      dateFormat=\"h:i K\"\n      value={option.value}\n      placeholder={option.name}\n      required={!option.visibility_condition && option.required}\n      name={`options[${option.id}]`}\n      class=\"s-product-options-time-element\"\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      onPicked={e => this.changedHandler(e, option)} />\n  }\n\n  //@ts-ignore\n  private dateOption(option: Option) {\n    //todo:: consider date-range @see https://github.com/SallaApp/theme-raed/blob/master/src/assets/js/partials/product-options.js#L8-L23\n    return <div class=\"s-product-options-date-element\">\n      <salla-datetime-picker\n        value={option.value}\n        placeholder={option.name}\n        required={!option.visibility_condition && option.required}\n        minDate={new Date()}\n        name={`options[${option.id}]`}\n        onInvalidInput={(e) => this.invalidHandler(e, option)}\n        onPicked={e => this.changedHandler(e, option)} />\n    </div>\n  }\n\n  //@ts-ignore\n  private datetimeOption(option: Option) {\n    //todo:: consider date-range @see https://github.com/SallaApp/theme-raed/blob/master/src/assets/js/partials/product-options.js#L8-L23\n    return <div class=\"s-product-options-datetime-element\">\n      <salla-datetime-picker\n        enableTime={true}\n        value={option.value}\n        dateFormat=\"Y-m-d G:i:K\"\n        placeholder={option.name}\n        required={!option.visibility_condition && option.required}\n        name={`options[${option.id}]`}\n        maxDate={option.to_date_time}\n        minDate={option.from_date_time}\n        onInvalidInput={(e) => this.invalidHandler(e, option)}\n        onPicked={e => this.changedHandler(e, option)} />\n    </div>\n  }\n\n  /**\n   * ============= Advanced options =============\n   */\n  protected getOptionDetailName(detail: Detail, outOfStock: boolean = true, optionType?: string) {\n    if (optionType && optionType == DisplayType.COLOR) {\n      return detail.name\n        + ((outOfStock && this.isOptionDetailOut(detail)) ? ` <br/> <p> ${this.outOfStockText} </p>` : '')\n        + (detail.additional_price ? ` <p> (${salla.money(detail.additional_price)}) </p>` : '');\n    }\n\n    return detail.name\n      + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${this.outOfStockText}` : '')\n      + (detail.additional_price ? ` (${salla.money(detail.additional_price)})` : '');\n  }\n\n\n  protected isOptionDetailOut(detail: Detail) {\n    if (detail.is_out || !detail.skus_availability || !this.selectedSkus?.length) {\n      return detail.is_out;\n    }\n\n    let isDetailSelected = this.selectedOptions.filter(option => option.id == detail.id).length;\n    //if the current options is the only selected option, so we are sure that it's not out, because there is no other options selected yet\n    if (isDetailSelected && this.selectedOptions.length == 1) {\n      return false;\n    }\n\n    //if current details has sku in the possible outSkus it's out for sure\n    if (isDetailSelected) {\n      //here we will get the possible outSkus for current selected options\n      let outSelectableSkus = this.selectedSkus.filter(sku => this.outSkus.includes(sku));\n      return Object.keys(detail.skus_availability).some(sku => outSelectableSkus.includes(Number(sku)))\n    }\n\n    return this.selectedOptions.some(option => option.is_out && option.option_id !== detail.option_id)\n\n  }\n\n  private singleOption(option: Option) {\n    return <div>\n      <select name={`options[${option.id}]`}\n        required={!option.visibility_condition && option.required}\n        class=\"s-form-control\"\n        onInvalid={(e) => this.invalidHandler(e, option)}\n        onChange={e => this.changedHandler(e, option)}>\n        <option value=\"\">{option.placeholder}</option>\n        {\n          option?.details.map((detail: Detail) => {\n            return <option value={detail.id} disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n              selected={detail.is_selected}>\n              {this.getOptionDetailName(detail)}\n            </option>\n          })\n        }\n      </select>\n    </div>\n  }\n\n  private multipleOptions(option: Option) {\n    let is_required = option.required && !option.details.some(detail => detail.is_selected) && !option.visibility_condition;\n    return <div class={{ \"s-product-options-multiple-options-wrapper\": true, 'required': option.required }}>\n      {\n        option?.details.map((detail: Detail) => {\n          return <div>\n            <input type=\"checkbox\"\n              value={detail.id}\n              disabled={this.isOptionDetailOut(detail)}\n              checked={detail.is_selected}\n              required={is_required}\n              name={`options[${option.id}][]`}\n              id={`field-${option.id}-${detail.id}`}\n              onChange={(e) => this.changedHandler(e, option)}\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              aria-describedby={`options[${option.id}]-description`} />\n            <label htmlFor={`field-${option.id}-${detail.id}`}>{this.getOptionDetailName(detail)}</label>\n          </div>\n        })\n      }\n    </div>\n  }\n\n  //@ts-ignore\n  private colorOption(option: Option) {\n    return <fieldset class=\"s-product-options-colors-wrapper\">\n      {\n        option?.details.map((detail) =>\n          <div class=\"s-product-options-colors-item\">\n            <input type=\"radio\"\n              value={detail.id}\n              required={!option.visibility_condition && option.required}\n              checked={detail.is_selected}\n              name={`options[${option.id}]`}\n              disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n              id={`color-${this.productId}-${option.id}-${detail.id}`}\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              onChange={e => this.changedHandler(e, option)} />\n            <label htmlFor={`color-${this.productId}-${option.id}-${detail.id}`}>\n              <span style={{ \"background-color\": detail.color }} />\n              <div innerHTML={this.getOptionDetailName(detail, true, option.type)}></div>\n            </label>\n          </div>\n        )\n      }\n    </fieldset>\n  }\n\n  //@ts-ignore\n  private thumbnailOption(option: Option) {\n    return <div class=\"s-product-options-thumbnails-wrapper\">\n      {option.details.map((detail: Detail) => {\n        return <div>\n          <input type=\"radio\"\n            value={detail.id}\n            data-itemid={detail.id} //todo:: why need this? it's already in the value!\n            required={!option.visibility_condition && option.required}\n            checked={detail.is_selected}\n            name={`options[${option.id}]`}\n            data-img-id={detail.option_value}\n            disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n            id={`option_${this.productId}-${option.id}_${detail.id}`}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            onChange={(e) => this.changedHandler(e, option)} />\n          <label htmlFor={`option_${this.productId}-${option.id}_${detail.id}`}\n            data-img-id={detail.option_value}\n            class=\"go-to-slide\">\n            <img data-src={detail.image} src={detail.image} title={detail.name} alt={detail.name} />\n            <span innerHTML={CheckCircleIcon} class=\"s-product-options-thumbnails-icon\" />\n            {this.isOptionDetailOut(detail) ?\n              [\n                <small class=\"s-product-options-thumbnails-stock-badge\">{this.outOfStockText}</small>,\n                this.canDisabled ? <div class=\"s-product-options-thumbnails-badge-overlay\" /> : '',\n              ]\n              : ''}\n          </label>\n          <p>{this.getOptionDetailName(detail, false)} </p>\n        </div>\n      })}\n    </div>\n  }\n}\n"],"mappings":"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"}

package/dist/twilight/p-1f9a3721.system.entry.js

@@ -0,0 +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
+ */System.register(["./p-f422bbf9.system.js"],(function(e){"use strict";var t,n,a,o,i;return{setters:[function(e){t=e.r;n=e.c;a=e.h;o=e.H;i=e.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 s='\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 l='\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 c=":host{display:block}";var u=e("salla_booking_field",function(){function e(e){var a=this;t(this,e);this.invalidInput=n(this,"invalidInput",7);this.reservationsInput=undefined;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=[];salla.lang.onLoaded((function(){var e=function(e,t,n){return new Promise((function(a){salla.helpers.setNested(salla.lang.messages[e],t,n);a(true)}))};var t=function(){return __awaiter(a,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0: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]}}))}))};t()}));Salla.event.on("booking::open",(function(e){a.bookingUrl=salla.url.addParamToUrl("product_id",a.productId,e);a.iframeReady=true;setTimeout((function(){a.modal.setTitle(a.selectDate);a.modal.open()}),100)}))}e.prototype.openBookingModal=function(e){e.preventDefault();if(salla.config.isGuest()){salla.auth.api.setAfterLoginEvent("booking::open",this.productId);salla.event.dispatch("login::open");return}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",e.data.redirect.url)})).catch((function(e){salla.error(salla.lang.get("common.errors.error_occurred"));salla.logger.error(e.response)}))};e.prototype.componentWillLoad=function(){if(this.option&&this.option.details.length){this.reservations=this.option.details}};e.prototype.bookingModal=function(){var e=this;return a("salla-modal",{class:"s-booking-field-modal",ref:function(t){return e.modal=t},width:"md",position:"middle",noPadding:true,isClosable:false},a("iframe",{ref:function(t){return e.iframe=t},src:this.bookingUrl,frameborder:"0"}))};e.prototype.componentDidLoad=function(){var e=this;window.addEventListener("message",(function(t){if(t.data.source!="booking"){return}var n=t.data.type;var a=t.data.message;localStorage.getItem("debug")&&console.log("recived an action:".concat(n),t.data);if(n=="error"){salla.notify.error(a.fields.reservations[0])}if(n=="success"){e.reservations=a.reservations;salla.notify.success(e.bookedLabel);e.modal.close()}if(n=="height"){return e.iframe.height=(a===null||a===void 0?void 0:a.height)+"px"}}));this.reservationsInput.addEventListener("invalid",(function(t){e.invalidInput.emit(t)}));this.reservationsInput.addEventListener("input",(function(){e.reservationsInput.setCustomValidity("");e.reservationsInput.reportValidity()}))};e.prototype.render=function(){var e=this;return a(o,null,a("div",{class:"s-booking-field-main"},a("div",{class:"s-booking-field-price"},a("span",null,salla.money(this.option.price))),a("salla-button",{class:"s-booking-field-book-now",size:"small",loaderPosition:"center",fill:"outline",onClick:function(t){return e.openBookingModal(t)}},a("span",{class:"s-booking-field-book-now-content"},a("span",{innerHTML:r}),this.reservations.length?this.editLabel:this.bookNowLabel))),this.reservations.length?a("div",{class:"s-booking-field-reservations"},this.reservations.map((function(t,n){return a("div",{key:n,class:"s-booking-field-reservations-item"},e.renderReservationDate(t),e.renderReservationTime(t))}))):"",a("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())};e.prototype.renderReservationDate=function(e){return a("span",{class:e.from_timestamp?"s-booking-field-reservations-has-time":""},a("i",{class:"s-booking-field-reservations-icon",innerHTML:s}),e.date)};e.prototype.renderReservationTime=function(e){if(!e.from_timestamp){return""}return a("span",{class:"s-booking-field-reservations-time"},a("i",{class:"s-booking-field-reservations-icon",innerHTML:l}),a("span",null," ",e.from_timestamp," - ",e.to_timestamp))};Object.defineProperty(e.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());u.style=c;var d=e("salla_conditional_fields",function(){function e(e){t(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"].includes(e.target.getAttribute("type"))){salla.log("Ignore the change because is not support 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";salla.log("Trying to find all the element 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 i=n===null||n===void 0?void 0:n.dataset.showWhen.replace(/(.*)(=|!=)(.*)/gm,"$3").trim();var r;if(o){var s=Array.from(t.host.querySelectorAll('input[name="'.concat(e.target.name,'"]:checked')),(function(e){return e===null||e===void 0?void 0:e.value}));r=s.includes(i.toString())}else{r=i===e.target.value}salla.log("The input is ",o?"Multiple":"Single"," value:",r);var l=a&&r||!a&&!r;if(l){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 a=Array.from(document.querySelectorAll('input[type="checkbox"][name="'.concat(e.getAttribute("name"),'"]')));var o=a.some((function(e){return e.checked}));if(o){a.forEach((function(e){e.removeAttribute("required")}))}}if(!["checkbox"].includes(e.getAttribute("type"))&&n.getElementsByClassName("required").length){e.setAttribute("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 a(o,null,a("slot",null))};Object.defineProperty(e.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return e}())}}}));
+//# sourceMappingURL=p-1f9a3721.system.entry.js.map

package/dist/twilight/p-1f9a3721.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sallaBookingFieldCss","SallaBookingField","exports","class_1","hostRef","_this","this","salla","lang","get","onLoaded","setNestedAsync","key","value","Promise","resolve","helpers","setNested","messages","setTranslations","__awaiter","_b","sent","bookNowLabel","editLabel","bookedLabel","selectDate","Salla","event","on","bookingUrl","url","addParamToUrl","productId","iframeReady","setTimeout","modal","setTitle","open","prototype","openBookingModal","preventDefault","config","isGuest","auth","api","setAfterLoginEvent","dispatch","booking","add","then","resp","data","redirect","to","Error","catch","error","logger","response","componentWillLoad","option","details","length","reservations","bookingModal","h","class","ref","width","position","noPadding","isClosable","iframe","src","frameborder","componentDidLoad","window","addEventListener","source","action","type","message","localStorage","getItem","console","log","concat","notify","fields","success","close","height","reservationsInput","e","invalidInput","emit","setCustomValidity","reportValidity","render","Host","money","price","size","loaderPosition","fill","onClick","innerHTML","BookingTime","map","reservation","index","renderReservationDate","renderReservationTime","name","required","JSON","stringify","from_timestamp","Calendar","date","TimeIcon","to_timestamp","SallaConditionalFields","class_2","hideAllOptions","optionId","host","querySelectorAll","forEach","field","classList","dataset","disableInputs","input","setAttribute","removeAttribute","_a","tagName","toLowerCase","includes","getAttribute","hasOwnProperty","checked","changeHandler","target","replace","isMultiple","isEqual","showWhen","trim","isSelected","selectedValues","Array","from","toString","showTheInput","remove","closestProductOption","closest","optionRequired","checkboxes","document","isAnyChecked","some","checkbox","getElementsByClassName","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@Component({\n  tag: 'salla-booking-field',\n  styleUrl: 'salla-booking-field.scss'\n})\nexport class SallaBookingField {\n  constructor() {\n    salla.lang.onLoaded(() => {\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      const setTranslations = async () => {\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       \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      setTranslations();\n    });\n\n    Salla.event.on('booking::open', (bookingUrl) => {\n      this.bookingUrl = salla.url.addParamToUrl('product_id', this.productId, bookingUrl);\n      this.iframeReady = true;\n      setTimeout(() => {\n        this.modal.setTitle(this.selectDate)\n        this.modal.open();\n      }, 100);\n    });\n\n  }\n\n  private modal: HTMLSallaModalElement;\n  private iframe: HTMLIFrameElement;\n  @State() reservationsInput: HTMLInputElement;\n  @Prop() option: Option;\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  /**\n   * Event emitted when the input is invalid.\n   */\n  @Event() invalidInput: EventEmitter<any>;\n\n  private openBookingModal(event) {\n    event.preventDefault();\n    if (salla.config.isGuest()) {\n      salla.auth.api.setAfterLoginEvent('booking::open', this.productId);\n      salla.event.dispatch('login::open');\n      return;\n    }\n    return 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', resp.data.redirect.url);\n        })\n        .catch((error) =>{\n            salla.error(salla.lang.get('common.errors.error_occurred'));\n            salla.logger.error(error.response);\n        });\n  }\n\n  componentWillLoad() {\n    if (this.option && this.option.details.length) {\n      this.reservations = this.option.details\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 isClosable={false}>\n        <iframe\n          ref={iframe => this.iframe = iframe}\n          src={this.bookingUrl}\n          frameborder=\"0\">\n        </iframe>\n      </salla-modal>\n    )\n  }\n  componentDidLoad() {\n    window.addEventListener('message', (event) => {\n      if (event.data.source != \"booking\") {\n        return;\n      }\n      let action = event.data.type;\n      let value = event.data.message;\n      localStorage.getItem('debug') && console.log(`recived an action:${action}`, event.data);\n      if (action == 'error') {\n        salla.notify.error(value.fields.reservations[0]);\n      }\n\n      if (action == 'success') {\n        this.reservations = value.reservations;\n        salla.notify.success(this.bookedLabel);\n        this.modal.close();\n      }\n\n      if (action == \"height\") {\n        return this.iframe.height = value?.height + \"px\";\n      }\n\n    });\n\n    this.reservationsInput.addEventListener('invalid', e => {\n      this.invalidInput.emit(e);\n    });\n    this.reservationsInput.addEventListener('input', () => {\n      this.reservationsInput.setCustomValidity('');\n      this.reservationsInput.reportValidity();\n    });\n  }\n  render() {\n    return (\n      <Host>\n        <div class=\"s-booking-field-main\">\n          <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)}>\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 ? (\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\n              </div>\n            ))}\n          </div>\n        ) : ''}\n        <input class=\"s-hidden\" name={this.option.name} required={this.option.required} value={JSON.stringify(this.reservations) === '[]' ? '' : JSON.stringify(this.reservations)}\n          ref={reservations => this.reservationsInput = reservations} />\n        {this.iframeReady && this.bookingModal()}\n      </Host>\n    );\n  }\n\n  renderReservationDate(reservation:Reservation){\n    return <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  renderReservationTime(reservation:Reservation){\n    if(!reservation.from_timestamp){\n        return '';\n    }\n    return <span class=\"s-booking-field-reservations-time\">\n        <i class=\"s-booking-field-reservations-icon\" innerHTML={TimeIcon}></i>\n        <span> {reservation.from_timestamp} - {reservation.to_timestamp}</span>\n    </span>\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'].includes(event.target.getAttribute('type'))) {\n      salla.log('Ignore the change because is not support input: ' + (event?.target?.tagName || 'N/A'));\n      return;\n    }\n\n    // to extract the option id from the input name, the supported names are name[*] and name[*][]\n    let optionId = event.target.name.replace('[]', '');\n    let isMultiple = event.target.getAttribute('type') === 'checkbox';\n\n\n    salla.log('Trying to find all the element 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 = isMultiple ? event.target?.checked : value === event.target.value;\n        let isSelected;\n\n        if (isMultiple) {\n          // @ts-ignore\n          let selectedValues = Array.from(this.host.querySelectorAll(`input[name=\"${event.target.name}\"]:checked`), e => e?.value);\n          isSelected = selectedValues.includes(value.toString());\n        } else {\n          isSelected = value === event.target.value;\n        }\n\n        salla.log('The input is ', (isMultiple ? 'Multiple' : '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\n            // Return required attribute to the input if the option is required\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\n            // Handle multiple checkboxes with same name and required attribute \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            //To handle focus on hidden input error\n            if (!['checkbox'].includes(input.getAttribute('type')) && field.getElementsByClassName('required').length) {\n              input.setAttribute('required', '');\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":";;;+tFAAA,IAAMA,EAAuB,uB,ICShBC,EAAiBC,EAAA,iCAC5B,SAAAC,EAAAC,GAAA,IAAAC,EAAAC,K,uJA8CgCC,MAAMC,KAAKC,IAAI,iCAAkC,Y,eACpDF,MAAMC,KAAKC,IAAI,iCAAkC,gB,iBAC/CF,MAAMC,KAAKC,IAAI,iCAAkC,0B,gBAClDF,MAAMC,KAAKC,IAAI,qCAAsC,oB,gBACrD,G,iBACE,M,kBACO,GAnDrCF,MAAMC,KAAKE,UAAS,WAClB,IAAMC,EAAiB,SAACH,EAAMI,EAAKC,GACjC,OAAO,IAAIC,SAAQ,SAACC,GAClBR,MAAMS,QAAQC,UAAUV,MAAMC,KAAKU,SAASV,GAAOI,EAAKC,GACxDE,EAAQ,K,KAIZ,IAAMI,EAAkB,kBAAAC,UAAAf,OAAA,qB,4DACtB,SAAMM,EAAe,WAAY,iCAAkC,a,OAAnEU,EAAAC,OACA,SAAMX,EAAe,WAAY,iCAAkC,wB,OAAnEU,EAAAC,OACA,SAAMX,EAAe,WAAY,iCAAkC,iB,OAAnEU,EAAAC,OACA,SAAMX,EAAe,WAAY,iCAAkC,wB,OAAnEU,EAAAC,OACA,SAAMX,EAAe,WAAY,iCAAkC,2B,OAAnEU,EAAAC,OACA,SAAMX,EAAe,WAAY,iCAAkC,wB,OAAnEU,EAAAC,OACA,SAAMX,EAAe,WAAY,qCAAsC,qB,OAAvEU,EAAAC,OACA,SAAMX,EAAe,WAAY,qCAAsC,4B,OAAvEU,EAAAC,OAGAhB,KAAKiB,aAAehB,MAAMC,KAAKC,IAAI,kCACnCH,KAAKkB,UAAYjB,MAAMC,KAAKC,IAAI,kCAChCH,KAAKmB,YAAclB,MAAMC,KAAKC,IAAI,kCAClCH,KAAKoB,WAAanB,MAAMC,KAAKC,IAAI,sC,kBAGnCU,G,IAGFQ,MAAMC,MAAMC,GAAG,iBAAiB,SAACC,GAC/BzB,EAAKyB,WAAavB,MAAMwB,IAAIC,cAAc,aAAc3B,EAAK4B,UAAWH,GACxEzB,EAAK6B,YAAc,KACnBC,YAAW,WACT9B,EAAK+B,MAAMC,SAAShC,EAAKqB,YACzBrB,EAAK+B,MAAME,M,GACV,I,IAuBCnC,EAAAoC,UAAAC,iBAAA,SAAiBZ,GACvBA,EAAMa,iBACN,GAAIlC,MAAMmC,OAAOC,UAAW,CAC1BpC,MAAMqC,KAAKC,IAAIC,mBAAmB,gBAAiBxC,KAAK2B,WACxD1B,MAAMqB,MAAMmB,SAAS,eACrB,M,CAEF,OAAOxC,MAAMyC,QAAQC,IAAI3C,KAAK2B,UAAW,OACpCiB,MAAK,SAACC,GACH,GAAIA,EAAKC,KAAKC,SAASC,KAAO,UAAW,CACrC,MAAM,IAAIC,MAAM,uB,CAEpBhD,MAAMqB,MAAMmB,SAAS,gBAAiBI,EAAKC,KAAKC,SAAStB,I,IAE5DyB,OAAM,SAACC,GACJlD,MAAMkD,MAAMlD,MAAMC,KAAKC,IAAI,iCAC3BF,MAAMmD,OAAOD,MAAMA,EAAME,S,KAInCxD,EAAAoC,UAAAqB,kBAAA,WACE,GAAItD,KAAKuD,QAAUvD,KAAKuD,OAAOC,QAAQC,OAAQ,CAC7CzD,KAAK0D,aAAe1D,KAAKuD,OAAOC,O,GAG5B3D,EAAAoC,UAAA0B,aAAA,eAAA5D,EAAAC,KACN,OACE4D,EAAA,eAAaC,MAAM,wBAAwBC,IAAK,SAAAhC,GAAS,OAAA/B,EAAK+B,MAAQA,CAAb,EAAoBiC,MAAM,KAAKC,SAAS,SAASC,UAAS,KAACC,WAAY,OAC9HN,EAAA,UACEE,IAAK,SAAAK,GAAU,OAAApE,EAAKoE,OAASA,CAAd,EACfC,IAAKpE,KAAKwB,WACV6C,YAAY,M,EAKpBxE,EAAAoC,UAAAqC,iBAAA,eAAAvE,EAAAC,KACEuE,OAAOC,iBAAiB,WAAW,SAAClD,GAClC,GAAIA,EAAMwB,KAAK2B,QAAU,UAAW,CAClC,M,CAEF,IAAIC,EAASpD,EAAMwB,KAAK6B,KACxB,IAAIpE,EAAQe,EAAMwB,KAAK8B,QACvBC,aAAaC,QAAQ,UAAYC,QAAQC,IAAI,qBAAAC,OAAqBP,GAAUpD,EAAMwB,MAClF,GAAI4B,GAAU,QAAS,CACrBzE,MAAMiF,OAAO/B,MAAM5C,EAAM4E,OAAOzB,aAAa,G,CAG/C,GAAIgB,GAAU,UAAW,CACvB3E,EAAK2D,aAAenD,EAAMmD,aAC1BzD,MAAMiF,OAAOE,QAAQrF,EAAKoB,aAC1BpB,EAAK+B,MAAMuD,O,CAGb,GAAIX,GAAU,SAAU,CACtB,OAAO3E,EAAKoE,OAAOmB,QAAS/E,IAAK,MAALA,SAAK,SAALA,EAAO+E,QAAS,I,KAKhDtF,KAAKuF,kBAAkBf,iBAAiB,WAAW,SAAAgB,GACjDzF,EAAK0F,aAAaC,KAAKF,E,IAEzBxF,KAAKuF,kBAAkBf,iBAAiB,SAAS,WAC/CzE,EAAKwF,kBAAkBI,kBAAkB,IACzC5F,EAAKwF,kBAAkBK,gB,KAG3B/F,EAAAoC,UAAA4D,OAAA,eAAA9F,EAAAC,KACE,OACE4D,EAACkC,EAAI,KACHlC,EAAA,OAAKC,MAAM,wBACTD,EAAA,OAAKC,MAAM,yBACTD,EAAA,YAAO3D,MAAM8F,MAAM/F,KAAKuD,OAAOyC,SAEjCpC,EAAA,gBAAcC,MAAM,2BAA2BoC,KAAK,QAAQC,eAAe,SAASC,KAAK,UAAUC,QAAS,SAAA9E,GAAS,OAAAvB,EAAKmC,iBAAiBZ,EAAtB,GACnHsC,EAAA,QAAMC,MAAM,oCACVD,EAAA,QAAMyC,UAAWC,IAChBtG,KAAK0D,aAAaD,OAASzD,KAAKkB,UAAYlB,KAAKiB,gBAIvDjB,KAAK0D,aAAaD,OACjBG,EAAA,OAAKC,MAAM,gCACR7D,KAAK0D,aAAa6C,KAAI,SAACC,EAAaC,GAAK,OACxC7C,EAAA,OAAKtD,IAAKmG,EAAO5C,MAAM,qCACpB9D,EAAK2G,sBAAsBF,GAC3BzG,EAAK4G,sBAAsBH,GAHU,KAQ1C,GACJ5C,EAAA,SAAOC,MAAM,WAAW+C,KAAM5G,KAAKuD,OAAOqD,KAAMC,SAAU7G,KAAKuD,OAAOsD,SAAUtG,MAAOuG,KAAKC,UAAU/G,KAAK0D,gBAAkB,KAAO,GAAKoD,KAAKC,UAAU/G,KAAK0D,cAC3JI,IAAK,SAAAJ,GAAgB,OAAA3D,EAAKwF,kBAAoB7B,CAAzB,IACtB1D,KAAK4B,aAAe5B,KAAK2D,e,EAKhC9D,EAAAoC,UAAAyE,sBAAA,SAAsBF,GACpB,OAAO5C,EAAA,QAAMC,MAAO2C,EAAYQ,eAAiB,wCAA0C,IACvFpD,EAAA,KAAGC,MAAM,oCAAoCwC,UAAWY,IACvDT,EAAYU,K,EAInBrH,EAAAoC,UAAA0E,sBAAA,SAAsBH,GACpB,IAAIA,EAAYQ,eAAe,CAC3B,MAAO,E,CAEX,OAAOpD,EAAA,QAAMC,MAAM,qCACfD,EAAA,KAAGC,MAAM,oCAAoCwC,UAAWc,IACxDvD,EAAA,gBAAQ4C,EAAYQ,eAAc,MAAKR,EAAYY,c,yHA5K7B,I,cCAjBC,EAAsBzH,EAAA,sC,wBAIzB0H,EAAArF,UAAAsF,eAAA,SAAeC,GAAf,IAAAzH,EAAAC,KACNA,KAAKyH,KAAKC,iBAAiB,6BAAAzC,OAA6BuC,EAAQ,OAAMG,SAAQ,SAACC,GAC7EA,EAAMC,UAAUlF,IAAI,UACpB5C,EAAKwH,eAAeK,EAAME,QAAQN,UAClCzH,EAAKgI,cAAcH,E,KAIfN,EAAArF,UAAA8F,cAAA,SAAcH,GACpBA,EAAMF,iBAAiB,UAAUC,SAAQ,SAACK,G,MAExCA,EAAMC,aAAa,WAAY,IAC/BD,EAAME,gBAAgB,YACtB,KAAIC,EAAAH,IAAK,MAALA,SAAK,SAALA,EAAOI,WAAO,MAAAD,SAAA,SAAAA,EAAEE,iBAAkB,SAAU,CAC9CL,EAAMzH,MAAQ,E,CAEhB,GAAI,CAAC,YAAY+H,SAASN,EAAMO,aAAa,UAAYP,EAAMQ,eAAe,WAAY,CAExFR,EAAMS,QAAU,K,MAMtBnB,EAAArF,UAAAyG,cAAA,SAAcpH,GAAd,IAAAvB,EAAAC,K,MACEC,MAAMqB,MAAMoE,KAAK,kCAAmCpE,GACpDrB,MAAM+E,IAAI,8BAA+B1D,GAEzC,IAAKA,EAAMqH,SAAW,CAAC,UAAUL,SAAShH,EAAMqH,OAAOP,WAAa,CAAC,YAAYE,SAAShH,EAAMqH,OAAOJ,aAAa,SAAU,CAC5HtI,MAAM+E,IAAI,sDAAsDmD,EAAA7G,IAAK,MAALA,SAAK,SAALA,EAAOqH,UAAM,MAAAR,SAAA,SAAAA,EAAEC,UAAW,QAC1F,M,CAIF,IAAIZ,EAAWlG,EAAMqH,OAAO/B,KAAKgC,QAAQ,KAAM,IAC/C,IAAIC,EAAavH,EAAMqH,OAAOJ,aAAa,UAAY,WAGvDtI,MAAM+E,IAAI,iDAAkD,qBAAAC,OAAqBuC,EAAQ,OAEzFxH,KAAKyH,KAAKC,iBAAiB,qBAAAzC,OAAqBuC,EAAQ,OACrDG,SAAQ,SAACC,GACR,IAAIkB,IAAWlB,IAAK,MAALA,SAAK,SAALA,EAAOE,QAAQiB,SAAST,SAAS,OAChD,IAAI/H,EAAQqH,IAAK,MAALA,SAAK,SAALA,EAAOE,QAAQiB,SAASH,QAAQ,mBAAoB,MAAMI,OAEtE,IAAIC,EAEJ,GAAIJ,EAAY,CAEd,IAAIK,EAAiBC,MAAMC,KAAKrJ,EAAK0H,KAAKC,iBAAiB,eAAAzC,OAAe3D,EAAMqH,OAAO/B,KAAI,gBAAe,SAAApB,GAAK,OAAAA,IAAC,MAADA,SAAC,SAADA,EAAGjF,KAAH,IAC/G0I,EAAaC,EAAeZ,SAAS/H,EAAM8I,W,KACtC,CACLJ,EAAa1I,IAAUe,EAAMqH,OAAOpI,K,CAGtCN,MAAM+E,IAAI,gBAAkB6D,EAAa,WAAa,SAAW,UAAWI,GAE5E,IAAIK,EAAgBR,GAAWG,IAAiBH,IAAYG,EAC5D,GAAIK,EAAc,CAChB1B,EAAMC,UAAU0B,OAAO,UACvB3B,EAAMF,iBAAiB,UAAUC,SAAQ,SAACK,GACxCA,EAAME,gBAAgB,YAItB,IAAMsB,EAAwBxB,EAA2ByB,QAAQ,6BACjE,GAAID,EAAqB1B,QAAQ4B,iBAAmB,OAAQ,CAC1D1B,EAAMC,aAAa,WAAY,G,CAKjC,GAAID,EAAMO,aAAa,UAAY,WAAY,CAC7C,IAAMoB,EAAaR,MAAMC,KAAKQ,SAASlC,iBAAiB,gCAAAzC,OAAgC+C,EAAMO,aAAa,QAAO,QAClH,IAAMsB,EAAeF,EAAWG,MAAK,SAACC,GAAa,OAAAA,EAAStB,OAAT,IACnD,GAAIoB,EAAc,CAChBF,EAAWhC,SAAQ,SAACoC,GAClBA,EAAS7B,gBAAgB,W,KAK/B,IAAK,CAAC,YAAYI,SAASN,EAAMO,aAAa,UAAYX,EAAMoC,uBAAuB,YAAYvG,OAAQ,CACzGuE,EAAMC,aAAa,WAAY,G,SAG9B,CACLlI,EAAKwH,eAAeK,EAAME,QAAQN,UAClCI,EAAMC,UAAUlF,IAAI,UACpB5C,EAAKgI,cAAcH,E,MAK3BN,EAAArF,UAAAgI,mBAAA,eAAAlK,EAAAC,KACEA,KAAKyH,KAAKC,iBAAiB,oBAAoBC,SAAQ,SAACC,G,MAEtD,IAAIsC,GAAa/B,EAAAP,IAAK,MAALA,SAAK,SAALA,EAAOE,WAAO,MAAAK,SAAA,SAAAA,EAAEY,SAASH,QAAQ,mBAAoB,MAAMI,OAC5E,IAAKkB,EAAY,CACf,M,CAGFnK,EAAK2I,cAAc,CACjBC,OAAQ5I,EAAK0H,KAAK0C,cAAc,WAAaD,EAAa,O,KAKhE5C,EAAArF,UAAA4D,OAAA,WACE,OACEjC,EAACkC,EAAI,KACHlC,EAAA,a,yHAnH2B,G"}