@salla.sa/twilight-components 2.14.33 → 2.14.34

package/dist/esm-es5/salla-product-options.entry.js

@@ -1,5 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(t,i,e,n){function o(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,a){function r(t){try{l(n.next(t))}catch(t){a(t)}}function s(t){try{l(n["throw"](t))}catch(t){a(t)}}function l(t){t.done?e(t.value):o(t.value).then(r,s)}l((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,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(i){return l([t,i])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(e=0)),e)try{if(n=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:e.label++;return{value:s[1],done:false};case 5:e.label++;o=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(a=e.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){e.label=s[1];break}if(s[0]===6&&e.label<a[1]){e.label=a[1];a=s;break}if(a&&e.label<a[2]){e.label=a[2];e.ops.push(s);break}if(a[2])e.ops.pop();e.trys.pop();continue}s=i.call(t,e)}catch(t){s=[6,t];o=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
 /*!
  * Crafted with ❤ by Salla
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-114c614f.js";import{C as CheckCircleIcon}from"./check-838f37a7.js";import{C as CameraIcon}from"./camera-d0a93c12.js";var DisplayType;(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["DIGITAL_CARD_VALUE"]="digital-code-value";t["COUNTRY"]="country";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"})(DisplayType||(DisplayType={}));var Currency;(function(t){t["Sar"]="SAR"})(Currency||(Currency={}));var FileIcon='\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 sallaProductOptionsCss="";var SallaProductOptions=function(){function t(t){var i=this;registerInstance(this,t);this.changed=createEvent(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.ignoreDefaultCardValue=false;this.handleDonationOptions=function(t,e,n){if(e==="custom"&&n==="input"){salla.helpers.inputDigitsOnly(t.target);salla.event.emit("product-options::donation-changed",{id:i.productId,price:t.target.value});return}t.preventDefault();t.stopPropagation();i.isCustomDonation=t.target.value==="custom";if(i.donationInput){if(t.target.value==="custom"){i.donationInput.value="";i.donationInput.focus()}else{i.donationInput.value=t.target.value}if(e==="custom"){return}salla.event.emit("product-options::donation-changed",{id:i.productId,price:t.target.value})}};this.hideLabel=function(t){if(t.type===DisplayType.DONATION&&(t.donation&&!t.donation.can_donate)){return true}return false};this.getExpireDonationMessage=function(t){if(!t.donation){return}var i=t.donation.target_amount<=t.donation.collected_amount;return h("div",{class:{"s-product-options-donation-message":true,"s-product-options-donation-completed":i,"s-product-options-donation-expired":!i}},h("p",null,t.donation.target_message),h("span",null,i?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.disableCardValue=true;this.availableDigitalCardValues=[];this.productId=salla.config.get("page.id");this.options=undefined;this.uniqueKey=undefined;this.config=undefined;this.canDisabled=!salla.config.get("store.settings.product.notify_options_availability");salla.lang.onLoaded((function(){i.outOfStockText=salla.lang.get("pages.products.out_of_stock");i.donationAmount=salla.lang.get("pages.products.donation_amount");i.selectDonationAmount=salla.lang.getWithDefault("pages.products.select_donation_amount","تحديد مبلغ التبرع");i.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 i.setOptionsData(t.data.options)}))}}t.prototype.setOptionsData=function(t){var i,e;this.optionsData=t;var n=this;(e=(i=this.optionsData[0])===null||i===void 0?void 0:i.details)===null||e===void 0?void 0:e.forEach((function(t){Object.entries(t.skus_availability||{}).filter((function(t){return!t[1]})).map((function(t){return n.outSkus.push(Number(t[0]))}))}))};t.prototype.getSelectedOptionsData=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){t={};i=this.host.getElementSallaData();i.forEach((function(i,e){if(e.startsWith("options[")){t[e.replace("options[","").replace("]","")]=i}}));return[2,t]}))}))};t.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){t=this.host.querySelectorAll("[required]");i=true;for(e=0;e<t.length;e++){if("reportValidity"in t[e]&&!t[e].reportValidity()){i=false}}return[2,i]}))}))};t.prototype.hasOutOfStockOption=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;var e=this;return __generator(this,(function(n){return[2,this.selectedOptions.some((function(t){return t.is_out}))||((t=this.selectedSkus)===null||t===void 0?void 0:t.length)&&((i=this.selectedSkus)===null||i===void 0?void 0:i.every((function(t){return e.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(i){return[2,this.optionsData.find((function(i){return i.id===t}))]}))}))};t.prototype.invalidHandler=function(t,i){var e=t.target.closest(".s-product-options-option");if(!e.classList.contains("s-product-options-option-error")){e.classList.add("s-product-options-option-error")}if(!salla.url.is_page("cart")){var n=this.host.querySelector(".s-product-options-option-error");if(n===e){this.scrollToElement(e)}}};t.prototype.scrollToElement=function(t){if(t){t.scrollIntoView({behavior:"smooth",block:"center"})}};t.prototype.changedHandler=function(t,i){var e={event:t,option:i,detail:null};if(i.details){var n=i.details.find((function(i){return Number(i.id)===Number(t.target.value)}));e.detail=n}if(i.type==="country"){this.handleCountryOptionChange(t,e.detail)}var o=t.target.closest(".s-product-options-option");if(t.target.value||(i.type===DisplayType.FILE||i.type===DisplayType.IMAGE)&&t.type==="added"||i.type===DisplayType.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===e.option.id}));a>-1?this.selectedOptions[a]=Object.assign(Object.assign({},e.detail),{option_id:e.option.id}):this.selectedOptions.push(Object.assign(Object.assign({},e.detail),{option_id:e.option.id}));if(i.type===DisplayType.DONATION){salla.event.emit("product-options::donation-changed",{id:this.productId,price:t.target.value})}this.setSelectedSkus();this.handleRequiredMultipleOptions(i);this.changed.emit(e);salla.event.emit("product-options::change",e)};t.prototype.setSelectedSkus=function(){this.selectedSkus=this.selectedOptions.map((function(t){return Object.keys(t.skus_availability||{})})).reduce((function(t,i){return t.filter((function(t){return i.includes(t)}))})).map((function(t){return Number(t)}))};t.prototype.handleRequiredMultipleOptions=function(t){if(t.type!==DisplayType.MULTIPLE_OPTIONS||!t.required){return}var i=this.host.querySelector('[data-option-id="'.concat(t.id,'"]'));var e=i.querySelectorAll("input:checked").length;i.querySelectorAll("input").forEach((function(t){return t.toggleAttribute("required",!e)}))};t.prototype.getLatLng=function(t,i){return t?t.split(",")[i==="lat"?0:1]:""};t.prototype.getDisplayForType=function(t){var i=this;if(this["".concat(t.type,"Option")]){return this["".concat(t.type,"Option")](t)}if(t.type===DisplayType.COLOR_PICKER){return this.colorPickerOption(t)}if(t.type===DisplayType.MULTIPLE_OPTIONS){return this.multipleOptions(t)}if(t.type===DisplayType.SINGLE_OPTION){return this.singleOption(t)}if(t.type===DisplayType.DIGITAL_CARD_VALUE){return this.digitalCardValuesOption(t)}if(t.type===DisplayType.COUNTRY){return this.countryOption(t)}if(t.type===DisplayType.BOOKING&&salla.url.is_page("cart")){return h("salla-booking-field",{onInvalidInput:function(e){return i.invalidHandler(e,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.getAvailableDigitalCardSKUs=function(t){var i=this.optionsData.find((function(t){var i=t.type;return i==="digital-code-value"}));if(!i)throw new Error("product-options:: No digital card options found");var e=Object.keys(t.skus_availability).filter((function(i){return t.skus_availability[i]===false}));this.availableDigitalCardValues=i.details.filter((function(t){return!Object.keys(t.skus_availability).filter((function(t){return e.includes(t)})).length}))};t.prototype.handleCountryOptionChange=function(t,i){t.stopImmediatePropagation();this.ignoreDefaultCardValue=true;var e=this.host.querySelector("input[data-code-value]:checked");if(e)e.checked=false;var n=this.optionsData.find((function(t){var i=t.type;return i==="digital-code-value"}));if(!n)throw new Error("product-options:: No digital card options found");this.getAvailableDigitalCardSKUs(i)};t.prototype.getSelectedDigitalCardOptions=function(t){var i=t.details.find((function(t){return t.is_selected}));var e=t.details.find((function(t){return!!t.is_default}))||t.details[0];if(!["digital-code-value","country"].includes(t.type))return;return i||e};t.prototype.componentWillLoad=function(){var t=this;if(salla.url.is_page("cart")){this.disableCardValue=false}if(this.config){try{var i=JSON.parse(this.config);this.optionConfig=i}catch(t){console.error("Invalid JSON passed to config prop",t)}}var e=this.optionsData.filter((function(t){var i=t.type;return["country","digital-card-value"].includes(i)})).length>0&&salla.url.is_page("cart");if(e){var n=this.optionsData.find((function(t){return t.type==="country"}));var o=n&&this.getSelectedDigitalCardOptions(n);if(o){this.getAvailableDigitalCardSKUs(o)}}this.outOfStockText=salla.lang.get("pages.products.out_of_stock");return salla.onReady((function(){var i=!salla.storage.get("cart.id")&&t.optionsData.some((function(t){return["file","image"].includes(t.type)}));return i?salla.api.cart.getCurrentCartId(false,"salla-product-options"):null}))};t.prototype.hideDigitalCardsOptions=function(t){return this.disableCardValue&&t.type===DisplayType.DIGITAL_CARD_VALUE&&!salla.url.is_page("cart")};t.prototype.render=function(){var t=this;var i;if(((i=this.optionsData)===null||i===void 0?void 0:i.length)===0){return}return h(Host,{class:"s-product-options-wrapper"},h("salla-conditional-fields",null,this.optionsData.map((function(i){return h("div",Object.assign({key:i.id,class:"s-product-options-option-container".concat(i.visibility_condition||t.hideDigitalCardsOptions(i)?" hidden":""),"data-option-id":i.id},t.getOptionShownWhen(i)),i.name==="splitter"?t.splitterOption():h("div",{class:{"s-product-options-option":true,"s-product-options-option-booking":i.type===DisplayType.BOOKING&&salla.url.is_page("cart")},"data-option-type":i.type,"data-option-required":"".concat(i.required)},h("label",{htmlFor:"options[".concat(i.id,"]"),class:"s-product-options-option-label ".concat(t.hideLabel(i)?"s-product-options-option-label-hidden":"")},h("b",null,i.name,i.required&&h("span",null," * ")," "),h("small",null,i.placeholder)),h("div",{class:"s-product-options-option-content ".concat(t.hideLabel(i)||i.type===DisplayType.BOOKING&&salla.url.is_page("cart")?"s-product-options-option-content-full-width":"")},t.getDisplayForType(i))))}))))};t.prototype.generateUniqueKey=function(t){return this.uniqueKey?"".concat(t,"-").concat(this.uniqueKey):t};t.prototype.componentDidLoad=function(){var t=this;var i,e;if(((i=this.optionsData)===null||i===void 0?void 0:i.length)===0&&!this.optionsData.some((function(t){return t.type===DisplayType.DONATION}))){return}var n=(e=this.optionsData.find((function(t){return t.type===DisplayType.DONATION})))===null||e===void 0?void 0:e.details.find((function(t){return t.is_selected}));if(!n){return}setTimeout((function(){salla.event.emit("product-options::donation-changed",{id:t.productId,price:n.additional_price})}),1e3)};t.prototype.donationOption=function(t,i){var e=this;var n,o;return h("div",{class:"s-product-options-donation-wrapper"},((n=t.donation)===null||n===void 0?void 0:n.can_donate)?[t.donation?h("div",{key:t.id,class:"s-product-options-donation-progress"},h("salla-progress-bar",{donation:t.donation})):"",t.details.length?[h("h4",{key:t.id},this.selectAmount),h("div",{key:t.id,class:"s-product-options-donation-options"},t.details.map((function(i,n){return h("div",{key:t.id,class:"s-product-options-donation-options-item"},h("input",{id:e.generateUniqueKey("donation-option-".concat(n)),type:"radio",name:"donating_option",checked:i.is_selected,value:i.additional_price,onChange:function(t){return e.handleDonationOptions(t,i,"option")}}),h("label",{htmlFor:e.generateUniqueKey("donation-option-".concat(n))},h("span",null,salla.money(i.name))))})),((o=t.donation)===null||o===void 0?void 0:o.custom_amount_enabled)?h("div",{class:"s-product-options-donation-options-item"},h("input",{id:this.generateUniqueKey("donation-option-custom"),type:"radio",name:"donating_option",value:"custom",onChange:function(t){return e.handleDonationOptions(t,"custom","option")}}),h("label",{htmlFor:this.generateUniqueKey("donation-option-custom")},h("span",null," ",this.selectDonationAmount," "))):"")]:"",h("div",{key:t.id,class:{"s-product-options-donation-input-group":true,shown:!t.details.length||t.details.length&&this.isCustomDonation}},h("input",{type:"text",id:"donating-amount",name:"donation_amount",class:"s-form-control",ref:function(t){e.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 e.handleDonationOptions(t,"custom","input")},onBlur:function(i){return e.changedHandler(i,t)},onInvalid:function(i){return e.invalidHandler(i,t)}}),h("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,i){var e=this;if(i===void 0){i=null}var n;return h("salla-file-upload",Object.assign({},i||{},{"payload-name":"file",value:t.value,"instant-upload":true,name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,height:"120px",onAdded:function(i){return e.changedHandler(i,t)},url:salla.cart.api.getUploadImageEndpoint(),"form-data":{cart_item_id:this.productId,product_id:this.productId},onInvalidInput:function(i){return e.invalidHandler(i,t)},class:{"s-product-options-image-input":true,required:t.required}}),h("div",{class:"s-product-options-filepond-placeholder"},h("span",{class:"s-product-options-filepond-placeholder-icon",innerHTML:((n=i.accept)===null||n===void 0?void 0:n.split(",").every((function(t){return t.includes("image")})))?CameraIcon:FileIcon}),h("p",{class:"s-product-options-filepond-placeholder-text"},salla.lang.get("common.uploader.drag_and_drop")),h("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 i=this;var e=t.details.map((function(t){return i.fileTypes[t.name]})).filter(Boolean);return(e===null||e===void 0?void 0:e.length)?this.fileUploader(t,{accept:e.join(",")}):"File types not selected."};t.prototype.numberOption=function(t){var i=this;return h("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(e){return i.changedHandler(e,t)},onInvalid:function(e){return i.invalidHandler(e,t)},onInput:function(t){return salla.helpers.inputDigitsOnly(t.target)}})};t.prototype.splitterOption=function(){return h("div",{class:"s-product-options-splitter"})};t.prototype.textOption=function(t){var i=this;return h("div",{class:"s-product-options-text"},h("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(e){return i.invalidHandler(e,t)},onInput:function(e){return i.changedHandler(e,t)}}))};t.prototype.textareaOption=function(t){var i=this;return h("div",{class:"s-product-options-textarea"},h("div",{class:"mt-1"},h("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(e){return i.invalidHandler(e,t)},onInput:function(e){return i.changedHandler(e,t)}})))};t.prototype.mapOption=function(t){var i=this;return h("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(e){return i.invalidHandler(e,t)},onSelected:function(e){return i.changedHandler(e,t)}})};t.prototype.colorPickerOption=function(t){var i=this;return h("salla-color-picker",{onSubmitted:function(e){return i.changedHandler(e,t)},name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,onInvalidInput:function(e){return i.invalidHandler(e,t)},color:t.value})};t.prototype.timeOption=function(t){var i=this;return h("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(e){return i.invalidHandler(e,t)},onPicked:function(e){return i.changedHandler(e,t)}})};t.prototype.dateOption=function(t){var i=this;return h("div",{class:"s-product-options-date-element"},h("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(e){return i.invalidHandler(e,t)},onPicked:function(e){return i.changedHandler(e,t)}}))};t.prototype.datetimeOption=function(t){var i=this;return h("div",{class:"s-product-options-datetime-element"},h("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(e){return i.invalidHandler(e,t)},onPicked:function(e){return i.changedHandler(e,t)}}))};t.prototype.getOptionDetailName=function(t,i,e){if(i===void 0){i=true}if(e&&e===DisplayType.COLOR){return t.name+(i&&this.isOptionDetailOut(t)?" <br/> <p> ".concat(this.outOfStockText," </p>"):"")+(t.additional_price?" <p> (".concat(salla.money(t.additional_price),") </p>"):"")}return t.name+(i&&this.isOptionDetailOut(t)?" - ".concat(this.outOfStockText):"")+(t.additional_price?" (".concat(salla.money(t.additional_price),")"):"")};t.prototype.isOptionDetailOut=function(t){var i=this;var e;if(t.is_out||!t.skus_availability||!((e=this.selectedSkus)===null||e===void 0?void 0:e.length)){return t.is_out}var n=this.selectedOptions.filter((function(i){return i.id===t.id})).length;if(n&&this.selectedOptions.length===1){return false}if(n){var o=this.selectedSkus.filter((function(t){return i.outSkus.includes(t)}));return Object.keys(t.skus_availability).some((function(t){return o.includes(Number(t))}))}return this.selectedOptions.some((function(i){return i.is_out&&i.option_id!==t.option_id}))};t.prototype.renderInput=function(t,i,e,n,o,a){var r=this;var s=this.generateUniqueKey("".concat(t,"-").concat(e.id,"-").concat(i.id));var l=this.isOptionDetailOut(i);return h("label",{class:{"s-product-options-disabled":l}},h("input",{id:s,type:t,name:o,value:i.id,disabled:l,required:n,checked:i.is_selected,onInvalid:function(t){return r.invalidHandler(t,e)},onChange:function(t){return r.changedHandler(t,e)}}),h("div",{class:{"s-product-options-grid-mode-span":a,"s-product-options-disabled":l}},this.getOptionDetailName(i)))};t.prototype.renderOptionDetails=function(t,i,e,n){var o=this;if(n===void 0){n=false}var a=t==="radio"?"options[".concat(i.id,"]"):"options[".concat(i.id,"][]");return i===null||i===void 0?void 0:i.details.map((function(r){return o.renderInput(t,r,i,e,a,n)}))};t.prototype.renderSelect=function(t){var i=this;return h("div",null,h("select",{name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,class:"s-form-control",onInvalid:function(e){return i.invalidHandler(e,t)},onChange:function(e){return i.changedHandler(e,t)}},h("option",{value:""},t.placeholder),t===null||t===void 0?void 0:t.details.map((function(t){return h("option",{key:t.id,value:t.id,disabled:i.canDisabled&&i.isOptionDetailOut(t),selected:t.is_selected},i.getOptionDetailName(t))}))))};t.prototype.renderButtonStyle=function(t,i,e){return h("div",{class:"s-product-options-grid-mode"},this.renderOptionDetails(t,i,e,true))};t.prototype.singleOption=function(t){var i,e;var n=((e=(i=this.optionConfig)===null||i===void 0?void 0:i.singleOption)===null||e===void 0?void 0:e.type)==="button";var o=!t.visibility_condition&&t.required;return n?this.renderButtonStyle("radio",t,o):this.renderSelect(t)};t.prototype.multipleOptions=function(t){var i,e;var n=((e=(i=this.optionConfig)===null||i===void 0?void 0:i.multipleOption)===null||e===void 0?void 0:e.type)==="button";var o=t.required&&!t.details.some((function(t){return t.is_selected}))&&!t.visibility_condition;return n?this.renderButtonStyle("checkbox",t,o):h("div",{class:{"s-product-options-multiple-options-wrapper":true,required:t.required}},this.renderOptionDetails("checkbox",t,o))};t.prototype.colorOption=function(t){var i=this;return h("fieldset",{class:"s-product-options-colors-wrapper"},t===null||t===void 0?void 0:t.details.map((function(e){return h("div",{class:"s-product-options-colors-item",key:e.id},h("input",{type:"radio",value:e.id,required:!t.visibility_condition&&t.required,checked:e.is_selected,name:"options[".concat(t.id,"]"),disabled:i.canDisabled&&i.isOptionDetailOut(e),id:i.generateUniqueKey("color-".concat(i.productId,"-").concat(t.id,"-").concat(e.id)),onInvalid:function(e){return i.invalidHandler(e,t)},onChange:function(e){return i.changedHandler(e,t)}}),h("label",{htmlFor:i.generateUniqueKey("color-".concat(i.productId,"-").concat(t.id,"-").concat(e.id))},h("span",{style:{backgroundColor:e.color}}),h("div",{innerHTML:i.getOptionDetailName(e,true,t.type)})))})))};t.prototype.thumbnailOption=function(t){var i=this;return h("div",{class:"s-product-options-thumbnails-wrapper"},t.details.map((function(e){return h("div",{key:e.id},h("input",{type:"radio",value:e.id,"data-itemid":e.id,required:!t.visibility_condition&&t.required,checked:e.is_selected,name:"options[".concat(t.id,"]"),"data-img-id":e.option_value,disabled:i.canDisabled&&i.isOptionDetailOut(e),id:i.generateUniqueKey("option_".concat(i.productId,"-").concat(t.id,"_").concat(e.id)),onInvalid:function(e){return i.invalidHandler(e,t)},onChange:function(e){return i.changedHandler(e,t)}}),h("label",{htmlFor:i.generateUniqueKey("option_".concat(i.productId,"-").concat(t.id,"_").concat(e.id)),"data-img-id":e.option_value,class:"go-to-slide"},h("img",{"data-src":e.image,src:e.image,title:e.name,alt:e.name}),h("span",{innerHTML:CheckCircleIcon,class:"s-product-options-thumbnails-icon"}),i.isOptionDetailOut(e)?[h("small",{key:e.id,class:"s-product-options-thumbnails-stock-badge"},i.outOfStockText),i.canDisabled?h("div",{key:e.id,class:"s-product-options-thumbnails-badge-overlay"}):""]:""),h("p",null,i.getOptionDetailName(e,false)," "))})))};t.prototype.digitalCardValuesOption=function(t){var i=this;return h("div",{class:"s-product-options-digital-card-wrapper"},this.availableDigitalCardValues.length>0?this.availableDigitalCardValues.map((function(e){var n,o,a;var r=String(e.id);return h("label",{htmlFor:i.generateUniqueKey(r.toString()),key:r,class:"s-product-options-digital-card-option"},h("input",Object.assign({type:"radio","data-code-value":true,class:"s-form-control s-product-options-digital-card-input",value:e.id,name:"options[".concat(t.id,"]"),id:i.generateUniqueKey(r.toString()),required:!t.visibility_condition&&t.required,onInvalid:function(e){return i.invalidHandler(e,t)}},!i.ignoreDefaultCardValue?{defaultChecked:((n=i.getSelectedDigitalCardOptions(t))===null||n===void 0?void 0:n.id)===e.id}:{})),h("span",null,e.name," ",(a=(o=salla.config)===null||o===void 0?void 0:o.currency())===null||a===void 0?void 0:a.symbol))})):h("div",{class:"s-product-options-digital-card-out-of-stock"}))};t.prototype.countryOption=function(t){var i=this;return h("div",{class:"s-product-options-digital-card-wrapper"},t.details.map((function(e){var n;return h("label",{htmlFor:i.generateUniqueKey(e.id.toString()),key:e.id,class:{"s-product-options-digital-card-option":true,"s-product-options-digital-card-option-stock-out":e.is_out}},h("input",Object.assign({id:i.generateUniqueKey(e.id.toString()),type:"radio",class:"s-form-control s-product-options-digital-card-input",value:e.id,name:"options[".concat(t.id,"]"),disabled:e.is_out,required:!t.visibility_condition&&t.required,onInvalid:function(e){return i.invalidHandler(e,t)},onChange:function(e){return i.changedHandler(e,t)},onClick:function(){i.disableCardValue=false}},salla.url.is_page("cart")?{defaultChecked:((n=i.getSelectedDigitalCardOptions(t))===null||n===void 0?void 0:n.id)===e.id}:{})),h("img",{loading:"lazy",alt:e.code,height:24,width:24,class:"s-product-options-country-flag",src:"https://cdn.assets.salla.network/prod/admin/cp/assets/flags/1x1/".concat(String(e.code).toLocaleLowerCase(),".svg")}),h("span",null,e.name))})))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SallaProductOptions.style=sallaProductOptionsCss;export{SallaProductOptions as salla_product_options};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-114c614f.js";import{C as CheckCircleIcon}from"./check-838f37a7.js";import{C as CameraIcon}from"./camera-d0a93c12.js";var DisplayType;(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["DIGITAL_CARD_VALUE"]="digital-code-value";t["COUNTRY"]="country";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"})(DisplayType||(DisplayType={}));var Currency;(function(t){t["Sar"]="SAR"})(Currency||(Currency={}));var FileIcon='\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 sallaProductOptionsCss="";var SallaProductOptions=function(){function t(t){var i=this;registerInstance(this,t);this.changed=createEvent(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.ignoreDefaultCardValue=false;this.handleDonationOptions=function(t,e,n){if(e==="custom"&&n==="input"){salla.helpers.inputDigitsOnly(t.target);salla.event.emit("product-options::donation-changed",{id:i.productId,price:t.target.value});return}t.preventDefault();t.stopPropagation();i.isCustomDonation=t.target.value==="custom";if(i.donationInput){if(t.target.value==="custom"){i.donationInput.value="";i.donationInput.focus()}else{i.donationInput.value=t.target.value}if(e==="custom"){return}salla.event.emit("product-options::donation-changed",{id:i.productId,price:t.target.value})}};this.hideLabel=function(t){if(t.type===DisplayType.DONATION&&(t.donation&&!t.donation.can_donate)){return true}return false};this.getExpireDonationMessage=function(t){if(!t.donation){return}var i=t.donation.target_amount<=t.donation.collected_amount;return h("div",{class:{"s-product-options-donation-message":true,"s-product-options-donation-completed":i,"s-product-options-donation-expired":!i}},h("p",null,t.donation.target_message),h("span",null,i?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.disableCardValue=true;this.availableDigitalCardValues=[];this.productId=salla.config.get("page.id");this.options=undefined;this.uniqueKey=undefined;this.config=undefined;this.canDisabled=!salla.config.get("store.settings.product.notify_options_availability");salla.lang.onLoaded((function(){i.outOfStockText=salla.lang.get("pages.products.out_of_stock");i.donationAmount=salla.lang.get("pages.products.donation_amount");i.selectDonationAmount=salla.lang.getWithDefault("pages.products.select_donation_amount","تحديد مبلغ التبرع");i.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 i.setOptionsData(t.data.options)}))}}t.prototype.setOptionsData=function(t){var i,e;this.optionsData=t;var n=this;(e=(i=this.optionsData[0])===null||i===void 0?void 0:i.details)===null||e===void 0?void 0:e.forEach((function(t){Object.entries(t.skus_availability||{}).filter((function(t){return!t[1]})).map((function(t){return n.outSkus.push(Number(t[0]))}))}))};t.prototype.getSelectedOptionsData=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(e){t={};i=this.host.getElementSallaData();i.forEach((function(i,e){if(e.startsWith("options[")){t[e.replace("options[","").replace("]","")]=i}}));return[2,t]}))}))};t.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;return __generator(this,(function(n){t=this.host.querySelectorAll("[required]");i=true;for(e=0;e<t.length;e++){if("reportValidity"in t[e]&&!t[e].reportValidity()){i=false}}return[2,i]}))}))};t.prototype.hasOutOfStockOption=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;var e=this;return __generator(this,(function(n){return[2,this.selectedOptions.some((function(t){return t.is_out}))||((t=this.selectedSkus)===null||t===void 0?void 0:t.length)&&((i=this.selectedSkus)===null||i===void 0?void 0:i.every((function(t){return e.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(i){return[2,this.optionsData.find((function(i){return i.id===t}))]}))}))};t.prototype.invalidHandler=function(t,i){var e=t.target.closest(".s-product-options-option");if(!e.classList.contains("s-product-options-option-error")){e.classList.add("s-product-options-option-error")}if(!salla.url.is_page("cart")){var n=this.host.querySelector(".s-product-options-option-error");if(n===e){this.scrollToElement(e)}}};t.prototype.scrollToElement=function(t){if(t){t.scrollIntoView({behavior:"smooth",block:"center"})}};t.prototype.changedHandler=function(t,i){var e={event:t,option:i,detail:null};if(i.details){var n=i.details.find((function(i){return Number(i.id)===Number(t.target.value)}));e.detail=n}if(i.type==="country"){this.handleCountryOptionChange(t,e.detail)}var o=t.target.closest(".s-product-options-option");if(t.target.value||(i.type===DisplayType.FILE||i.type===DisplayType.IMAGE)&&t.type==="added"||i.type===DisplayType.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===e.option.id}));a>-1?this.selectedOptions[a]=Object.assign(Object.assign({},e.detail),{option_id:e.option.id}):this.selectedOptions.push(Object.assign(Object.assign({},e.detail),{option_id:e.option.id}));if(i.type===DisplayType.DONATION){salla.event.emit("product-options::donation-changed",{id:this.productId,price:t.target.value})}this.setSelectedSkus();this.handleRequiredMultipleOptions(i);this.changed.emit(e);salla.event.emit("product-options::change",e)};t.prototype.setSelectedSkus=function(){this.selectedSkus=this.selectedOptions.map((function(t){return Object.keys(t.skus_availability||{})})).reduce((function(t,i){return t.filter((function(t){return i.includes(t)}))})).map((function(t){return Number(t)}))};t.prototype.handleRequiredMultipleOptions=function(t){if(t.type!==DisplayType.MULTIPLE_OPTIONS||!t.required){return}var i=this.host.querySelector('[data-option-id="'.concat(t.id,'"]'));var e=i.querySelectorAll("input:checked").length;i.querySelectorAll("input").forEach((function(t){return t.toggleAttribute("required",!e)}))};t.prototype.getLatLng=function(t,i){return t?t.split(",")[i==="lat"?0:1]:""};t.prototype.getDisplayForType=function(t){var i=this;if(this["".concat(t.type,"Option")]){return this["".concat(t.type,"Option")](t)}if(t.type===DisplayType.COLOR_PICKER){return this.colorPickerOption(t)}if(t.type===DisplayType.MULTIPLE_OPTIONS){return this.multipleOptions(t)}if(t.type===DisplayType.SINGLE_OPTION){return this.singleOption(t)}if(t.type===DisplayType.DIGITAL_CARD_VALUE){return this.digitalCardValuesOption(t)}if(t.type===DisplayType.COUNTRY){return this.countryOption(t)}if(t.type===DisplayType.BOOKING&&salla.url.is_page("cart")){return h("salla-booking-field",{onInvalidInput:function(e){return i.invalidHandler(e,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.getAvailableDigitalCardSKUs=function(t){var i=this.optionsData.find((function(t){var i=t.type;return i==="digital-code-value"}));if(!i)throw new Error("product-options:: No digital card options found");var e=Object.keys(t.skus_availability).filter((function(i){return t.skus_availability[i]===false}));this.availableDigitalCardValues=i.details.filter((function(t){return!Object.keys(t.skus_availability).filter((function(t){return e.includes(t)})).length}))};t.prototype.handleCountryOptionChange=function(t,i){t.stopImmediatePropagation();this.ignoreDefaultCardValue=true;var e=this.host.querySelector("input[data-code-value]:checked");if(e)e.checked=false;var n=this.optionsData.find((function(t){var i=t.type;return i==="digital-code-value"}));if(!n)throw new Error("product-options:: No digital card options found");this.getAvailableDigitalCardSKUs(i)};t.prototype.getSelectedDigitalCardOptions=function(t){var i=t.details.find((function(t){return t.is_selected}));var e=t.details.find((function(t){return!!t.is_default}))||t.details[0];if(!["digital-code-value","country"].includes(t.type))return;return i||e};t.prototype.componentWillLoad=function(){var t=this;if(salla.url.is_page("cart")){this.disableCardValue=false}if(this.config){try{var i=JSON.parse(this.config);this.optionConfig=i}catch(t){console.error("Invalid JSON passed to config prop",t)}}var e=this.optionsData.filter((function(t){var i=t.type;return["country","digital-card-value"].includes(i)})).length>0&&salla.url.is_page("cart");if(e){var n=this.optionsData.find((function(t){return t.type==="country"}));var o=n&&this.getSelectedDigitalCardOptions(n);if(o){this.getAvailableDigitalCardSKUs(o)}}this.outOfStockText=salla.lang.get("pages.products.out_of_stock");return salla.onReady((function(){var i=!salla.storage.get("cart.id")&&t.optionsData.some((function(t){return["file","image"].includes(t.type)}));return i?salla.api.cart.getCurrentCartId(false,"salla-product-options"):null}))};t.prototype.hideDigitalCardsOptions=function(t){return this.disableCardValue&&t.type===DisplayType.DIGITAL_CARD_VALUE&&!salla.url.is_page("cart")};t.prototype.render=function(){var t=this;var i;if(((i=this.optionsData)===null||i===void 0?void 0:i.length)===0){return}return h(Host,{class:"s-product-options-wrapper"},h("salla-conditional-fields",null,this.optionsData.map((function(i){return h("div",Object.assign({key:i.id,class:"s-product-options-option-container".concat(i.visibility_condition||t.hideDigitalCardsOptions(i)?" hidden":""),"data-option-id":i.id},t.getOptionShownWhen(i)),i.name==="splitter"?t.splitterOption():h("div",{class:{"s-product-options-option":true,"s-product-options-option-booking":i.type===DisplayType.BOOKING&&salla.url.is_page("cart")},"data-option-type":i.type,"data-option-required":"".concat(i.required)},h("label",{htmlFor:"options[".concat(i.id,"]"),class:"s-product-options-option-label ".concat(t.hideLabel(i)?"s-product-options-option-label-hidden":"")},h("b",null,i.name,i.required&&h("span",null," * ")," "),h("small",null,i.placeholder)),h("div",{class:"s-product-options-option-content ".concat(t.hideLabel(i)||i.type===DisplayType.BOOKING&&salla.url.is_page("cart")?"s-product-options-option-content-full-width":"")},t.getDisplayForType(i))))}))))};t.prototype.generateUniqueKey=function(t){return this.uniqueKey?"".concat(t,"-").concat(this.uniqueKey):t};t.prototype.componentDidLoad=function(){var t=this;var i,e;if(((i=this.optionsData)===null||i===void 0?void 0:i.length)===0&&!this.optionsData.some((function(t){return t.type===DisplayType.DONATION}))){return}var n=(e=this.optionsData.find((function(t){return t.type===DisplayType.DONATION})))===null||e===void 0?void 0:e.details.find((function(t){return t.is_selected}));if(!n){return}setTimeout((function(){salla.event.emit("product-options::donation-changed",{id:t.productId,price:n.additional_price})}),1e3)};t.prototype.donationOption=function(t,i){var e=this;var n,o;return h("div",{class:"s-product-options-donation-wrapper"},((n=t.donation)===null||n===void 0?void 0:n.can_donate)?[t.donation?h("div",{key:t.id,class:"s-product-options-donation-progress"},h("salla-progress-bar",{donation:t.donation})):"",t.details.length?[h("h4",{key:t.id},this.selectAmount),h("div",{key:t.id,class:"s-product-options-donation-options"},t.details.map((function(i,n){return h("div",{key:t.id,class:"s-product-options-donation-options-item"},h("input",{id:e.generateUniqueKey("donation-option-".concat(n)),type:"radio",name:"donating_option",checked:i.is_selected,value:i.additional_price,onChange:function(t){return e.handleDonationOptions(t,i,"option")}}),h("label",{htmlFor:e.generateUniqueKey("donation-option-".concat(n))},h("span",null,salla.money(i.name))))})),((o=t.donation)===null||o===void 0?void 0:o.custom_amount_enabled)?h("div",{class:"s-product-options-donation-options-item"},h("input",{id:this.generateUniqueKey("donation-option-custom"),type:"radio",name:"donating_option",value:"custom",onChange:function(t){return e.handleDonationOptions(t,"custom","option")}}),h("label",{htmlFor:this.generateUniqueKey("donation-option-custom")},h("span",null," ",this.selectDonationAmount," "))):"")]:"",h("div",{key:t.id,class:{"s-product-options-donation-input-group":true,shown:!t.details.length||t.details.length&&this.isCustomDonation}},h("input",{type:"text",id:"donating-amount",name:"donation_amount",class:"s-form-control",ref:function(t){e.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 e.handleDonationOptions(t,"custom","input")},onBlur:function(i){return e.changedHandler(i,t)},onInvalid:function(i){return e.invalidHandler(i,t)}}),h("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,i){var e=this;if(i===void 0){i=null}var n;return h("salla-file-upload",Object.assign({},i||{},{"payload-name":"file",value:t.value,"instant-upload":true,name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,height:"120px",onAdded:function(i){return e.changedHandler(i,t)},url:salla.cart.api.getUploadImageEndpoint(),"form-data":{cart_item_id:this.productId,product_id:this.productId},onInvalidInput:function(i){return e.invalidHandler(i,t)},class:{"s-product-options-image-input":true,required:t.required}}),h("div",{class:"s-product-options-filepond-placeholder"},h("span",{class:"s-product-options-filepond-placeholder-icon",innerHTML:((n=i.accept)===null||n===void 0?void 0:n.split(",").every((function(t){return t.includes("image")})))?CameraIcon:FileIcon}),h("p",{class:"s-product-options-filepond-placeholder-text"},salla.lang.get("common.uploader.drag_and_drop")),h("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 i=this;var e=t.details.map((function(t){return i.fileTypes[t.name]})).filter(Boolean);return(e===null||e===void 0?void 0:e.length)?this.fileUploader(t,{accept:e.join(",")}):"File types not selected."};t.prototype.numberOption=function(t){var i=this;return h("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(e){return i.changedHandler(e,t)},onInvalid:function(e){return i.invalidHandler(e,t)},onInput:function(t){return salla.helpers.inputDigitsOnly(t.target)}})};t.prototype.splitterOption=function(){return h("div",{class:"s-product-options-splitter"})};t.prototype.textOption=function(t){var i=this;return h("div",{class:"s-product-options-text"},h("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(e){return i.invalidHandler(e,t)},onInput:function(e){return i.changedHandler(e,t)}}))};t.prototype.textareaOption=function(t){var i=this;return h("div",{class:"s-product-options-textarea"},h("div",{class:"mt-1"},h("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(e){return i.invalidHandler(e,t)},onInput:function(e){return i.changedHandler(e,t)}})))};t.prototype.mapOption=function(t){var i=this;return h("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(e){return i.invalidHandler(e,t)},onSelected:function(e){return i.changedHandler(e,t)}})};t.prototype.colorPickerOption=function(t){var i=this;return h("salla-color-picker",{onSubmitted:function(e){return i.changedHandler(e,t)},name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,onInvalidInput:function(e){return i.invalidHandler(e,t)},color:t.value})};t.prototype.timeOption=function(t){var i=this;return h("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(e){return i.invalidHandler(e,t)},onPicked:function(e){return i.changedHandler(e,t)}})};t.prototype.dateOption=function(t){var i=this;return h("div",{class:"s-product-options-date-element"},h("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(e){return i.invalidHandler(e,t)},onPicked:function(e){return i.changedHandler(e,t)}}))};t.prototype.datetimeOption=function(t){var i=this;return h("div",{class:"s-product-options-datetime-element"},h("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(e){return i.invalidHandler(e,t)},onPicked:function(e){return i.changedHandler(e,t)}}))};t.prototype.getOptionDetailName=function(t,i,e){if(i===void 0){i=true}if(e&&e===DisplayType.COLOR){return t.name+(i&&this.isOptionDetailOut(t)?" <br/> <p> ".concat(this.outOfStockText," </p>"):"")+(t.additional_price?" <p> (".concat(salla.money(t.additional_price),") </p>"):"")}return t.name+(i&&this.isOptionDetailOut(t)?" - ".concat(this.outOfStockText):"")+(t.additional_price?" (".concat(salla.money(t.additional_price),")"):"")};t.prototype.isOptionDetailOut=function(t){var i=this;var e;if(t.is_out||!t.skus_availability||!((e=this.selectedSkus)===null||e===void 0?void 0:e.length)){return t.is_out}var n=this.selectedOptions.filter((function(i){return i.id===t.id})).length;if(n&&this.selectedOptions.length===1){return false}if(n){var o=this.selectedSkus.filter((function(t){return i.outSkus.includes(t)}));return Object.keys(t.skus_availability).some((function(t){return o.includes(Number(t))}))}return this.selectedOptions.some((function(i){return i.is_out&&i.option_id!==t.option_id}))};t.prototype.renderInput=function(t,i,e,n,o,a){var r=this;var s=this.generateUniqueKey("".concat(t,"-").concat(e.id,"-").concat(i.id));var l=this.isOptionDetailOut(i);return h("label",{class:{"s-product-options-disabled":l}},h("input",{id:s,type:t,name:o,value:i.id,disabled:l,required:n,checked:i.is_selected,onInvalid:function(t){return r.invalidHandler(t,e)},onChange:function(t){return r.changedHandler(t,e)}}),h("div",{class:{"s-product-options-grid-mode-span":a,"s-product-options-disabled":l}},this.getOptionDetailName(i)))};t.prototype.renderOptionDetails=function(t,i,e,n){var o=this;if(n===void 0){n=false}var a=t==="radio"?"options[".concat(i.id,"]"):"options[".concat(i.id,"][]");return i===null||i===void 0?void 0:i.details.map((function(r){return o.renderInput(t,r,i,e,a,n)}))};t.prototype.renderSelect=function(t){var i=this;return h("div",null,h("select",{name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,class:"s-form-control",onInvalid:function(e){return i.invalidHandler(e,t)},onChange:function(e){return i.changedHandler(e,t)}},h("option",{value:""},t.placeholder),t===null||t===void 0?void 0:t.details.map((function(t){return h("option",{key:t.id,value:t.id,disabled:i.canDisabled&&i.isOptionDetailOut(t),selected:t.is_selected},i.getOptionDetailName(t))}))))};t.prototype.renderButtonStyle=function(t,i,e){return h("div",{class:"s-product-options-grid-mode"},this.renderOptionDetails(t,i,e,true))};t.prototype.singleOption=function(t){var i;var e=((i=this.optionConfig)===null||i===void 0?void 0:i["single-option"].type)==="button";var n=!t.visibility_condition&&t.required;return e?this.renderButtonStyle("radio",t,n):this.renderSelect(t)};t.prototype.multipleOptions=function(t){var i,e;var n=((e=(i=this.optionConfig)===null||i===void 0?void 0:i["multiple-option"])===null||e===void 0?void 0:e.type)==="button";var o=t.required&&!t.details.some((function(t){return t.is_selected}))&&!t.visibility_condition;return n?this.renderButtonStyle("checkbox",t,o):h("div",{class:{"s-product-options-multiple-options-wrapper":true,required:t.required}},this.renderOptionDetails("checkbox",t,o))};t.prototype.colorOption=function(t){var i=this;return h("fieldset",{class:"s-product-options-colors-wrapper"},t===null||t===void 0?void 0:t.details.map((function(e){return h("div",{class:"s-product-options-colors-item",key:e.id},h("input",{type:"radio",value:e.id,required:!t.visibility_condition&&t.required,checked:e.is_selected,name:"options[".concat(t.id,"]"),disabled:i.canDisabled&&i.isOptionDetailOut(e),id:i.generateUniqueKey("color-".concat(i.productId,"-").concat(t.id,"-").concat(e.id)),onInvalid:function(e){return i.invalidHandler(e,t)},onChange:function(e){return i.changedHandler(e,t)}}),h("label",{htmlFor:i.generateUniqueKey("color-".concat(i.productId,"-").concat(t.id,"-").concat(e.id))},h("span",{style:{backgroundColor:e.color}}),h("div",{innerHTML:i.getOptionDetailName(e,true,t.type)})))})))};t.prototype.thumbnailOption=function(t){var i=this;return h("div",{class:"s-product-options-thumbnails-wrapper"},t.details.map((function(e){return h("div",{key:e.id},h("input",{type:"radio",value:e.id,"data-itemid":e.id,required:!t.visibility_condition&&t.required,checked:e.is_selected,name:"options[".concat(t.id,"]"),"data-img-id":e.option_value,disabled:i.canDisabled&&i.isOptionDetailOut(e),id:i.generateUniqueKey("option_".concat(i.productId,"-").concat(t.id,"_").concat(e.id)),onInvalid:function(e){return i.invalidHandler(e,t)},onChange:function(e){return i.changedHandler(e,t)}}),h("label",{htmlFor:i.generateUniqueKey("option_".concat(i.productId,"-").concat(t.id,"_").concat(e.id)),"data-img-id":e.option_value,class:"go-to-slide"},h("img",{"data-src":e.image,src:e.image,title:e.name,alt:e.name}),h("span",{innerHTML:CheckCircleIcon,class:"s-product-options-thumbnails-icon"}),i.isOptionDetailOut(e)?[h("small",{key:e.id,class:"s-product-options-thumbnails-stock-badge"},i.outOfStockText),i.canDisabled?h("div",{key:e.id,class:"s-product-options-thumbnails-badge-overlay"}):""]:""),h("p",null,i.getOptionDetailName(e,false)," "))})))};t.prototype.digitalCardValuesOption=function(t){var i=this;return h("div",{class:"s-product-options-digital-card-wrapper"},this.availableDigitalCardValues.length>0?this.availableDigitalCardValues.map((function(e){var n,o,a;var r=String(e.id);return h("label",{htmlFor:i.generateUniqueKey(r.toString()),key:r,class:"s-product-options-digital-card-option"},h("input",Object.assign({type:"radio","data-code-value":true,class:"s-form-control s-product-options-digital-card-input",value:e.id,name:"options[".concat(t.id,"]"),id:i.generateUniqueKey(r.toString()),required:!t.visibility_condition&&t.required,onInvalid:function(e){return i.invalidHandler(e,t)}},!i.ignoreDefaultCardValue?{defaultChecked:((n=i.getSelectedDigitalCardOptions(t))===null||n===void 0?void 0:n.id)===e.id}:{})),h("span",null,e.name," ",(a=(o=salla.config)===null||o===void 0?void 0:o.currency())===null||a===void 0?void 0:a.symbol))})):h("div",{class:"s-product-options-digital-card-out-of-stock"}))};t.prototype.countryOption=function(t){var i=this;return h("div",{class:"s-product-options-digital-card-wrapper"},t.details.map((function(e){var n;return h("label",{htmlFor:i.generateUniqueKey(e.id.toString()),key:e.id,class:{"s-product-options-digital-card-option":true,"s-product-options-digital-card-option-stock-out":e.is_out}},h("input",Object.assign({id:i.generateUniqueKey(e.id.toString()),type:"radio",class:"s-form-control s-product-options-digital-card-input",value:e.id,name:"options[".concat(t.id,"]"),disabled:e.is_out,required:!t.visibility_condition&&t.required,onInvalid:function(e){return i.invalidHandler(e,t)},onChange:function(e){return i.changedHandler(e,t)},onClick:function(){i.disableCardValue=false}},salla.url.is_page("cart")?{defaultChecked:((n=i.getSelectedDigitalCardOptions(t))===null||n===void 0?void 0:n.id)===e.id}:{})),h("img",{loading:"lazy",alt:e.code,height:24,width:24,class:"s-product-options-country-flag",src:"https://cdn.assets.salla.network/prod/admin/cp/assets/flags/1x1/".concat(String(e.code).toLocaleLowerCase(),".svg")}),h("span",null,e.name))})))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();SallaProductOptions.style=sallaProductOptionsCss;export{SallaProductOptions as salla_product_options};
 //# sourceMappingURL=salla-product-options.entry.js.map

package/dist/esm-es5/salla-product-options.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["DisplayType","Currency","sallaProductOptionsCss","SallaProductOptions","class_1","hostRef","_this","this","fileTypes","pdf","png","jpg","word","exl","txt","outSkus","ignoreDefaultCardValue","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","classList","contains","add","firstInvalidElement","querySelector","scrollToElement","element","scrollIntoView","behavior","block","changedHandler","handleCountryOptionChange","optionElement","FILE","IMAGE","MAP","lat","lng","setTimeout","remove","index","findIndex","assign","setSelectedSkus","handleRequiredMultipleOptions","changed","keys","reduce","p","c","MULTIPLE_OPTIONS","required","optionContainer","concat","hasChecked","input","toggleAttribute","getLatLng","split","getDisplayForType","COLOR_PICKER","colorPickerOption","multipleOptions","SINGLE_OPTION","singleOption","DIGITAL_CARD_VALUE","digitalCardValuesOption","COUNTRY","countryOption","BOOKING","onInvalidInput","getOptionShownWhen","visibility_condition","operator","getAvailableDigitalCardSKUs","digitalCardOption","_d","Error","outofStockSKUs","availableDigitalCardValues","op","SKU_key","stopImmediatePropagation","currentCardValue","checked","getSelectedDigitalCardOptions","selectedOption","is_selected","defaultOption","is_default","componentWillLoad","disableCardValue","configObj","optionConfig","error","console","shouldSelectDefaultOption","defaultSelection","onReady","needsCartId","storage","cart","getCurrentCartId","hideDigitalCardsOptions","render","Host","name","splitterOption","htmlFor","placeholder","generateUniqueKey","defaultValue","uniqueKey","componentDidLoad","selectedDonationOption","additional_price","donationOption","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","renderInput","isRequired","buttonStyle","isDisabled","disabled","renderOptionDetails","renderSelect","selected","renderButtonStyle","multipleOption","colorOption","style","backgroundColor","thumbnailOption","option_value","image","src","title","alt","CheckCircleIcon","String","toString","defaultChecked","_c","onClick","loading","code","width","toLocaleLowerCase"],"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  DIGITAL_CARD_VALUE = \"digital-code-value\",\n  COUNTRY = \"country\",\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  is_default?: 0 | 1;\n  code?: string;\n  type?: string;\n\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\nexport interface OptionConfig {\n  singleOption?:   OptionDisplayType;\n  multipleOption?: OptionDisplayType;\n}\n\nexport interface OptionDisplayType {\n  type: 'button' | 'default'; // defaults to 'default', which is select and checkbox for single and multiple options respectivly\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}\n","import { Component, Prop, h, State, Element, Host, Event, type EventEmitter, Method } from '@stencil/core';\nimport { type Option, DisplayType, type Detail, OptionConfig } 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    const 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: Record<string, string> = {\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 = \"\"\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 = false;\n  @State() selectedOptions = [];\n  @State() canDisabled: boolean;\n  @State() selectedSkus?: Array<string | number>;\n  @State() selectedOutSkus?: Array<string | number>;\n  @State() disableCardValue = true\n  @State() availableDigitalCardValues: Detail[] = []\n\n  private outSkus: Array<string | number> = [];\n  private donationInput?: HTMLInputElement;\n  private optionConfig: OptionConfig;\n  /**\n * Avoid selection of previous default or selected card value option \n * when switching between digital card country options for the 1st time\n */\n  private ignoreDefaultCardValue = false\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   * A unique key used to generate distinct identifiers.\n   * \n   * This key is appended to a default value to ensure uniqueness\n   * across instances or components where differentiation is required.\n   */\n  @Prop() uniqueKey: string\n\n  /**\n   * Configuration for customizing the display layout of product options.\n   * The `config` prop accepts a JSON string that specifies the layout type for rendering options.\n   * It allows customization of how single-option and multiple-option selections are displayed.\n   * \n   * Example Usage:\n   * ```html\n   * <salla-product-options \n   *   options=\"{{ product.options }}\" \n   *   product-id=\"{{ product.id }}\" \n   *   unique-key=\"abc123\"\n   *   config='{\n   *     \"singleOption\": { \"type\": \"button\" },\n   *     \"multipleOption\": { \"type\": \"button\" }\n   *   }'>\n   * </salla-product-options>\n   * ```\n   * \n   * Example Config JSON:\n   * ```json\n   * {\n   *   \"singleOption\": { \"type\": \"button\" },\n   *   \"multipleOption\": { \"type\": \"default\" }\n   * }\n   * ```\n   * \n   * - `singleOption`:\n   *   - Defines the display style for single-option selections.\n   *   - `type`: Supported values:\n   *     - `\"button\"`: Displays options in a button-style grid layout.\n   *     - `\"default\"`: Displays options as a dropdown (default).\n   * \n   * - `multipleOption`:\n   *   - Defines the display style for multiple-option selections.\n   *   - `type`: Supported values:\n   *     - `\"button\"`: Displays options in a button-style grid layout.\n   *     - `\"default\"`: Displays options as a list of checkboxes (default).\n   */\n  @Prop() config: string;\n\n  /**\n   * Get the id's of the selected options.\n   * */\n  @Method()\n  async getSelectedOptionsData() {\n    const selectedOptions = {}\n    const formData = (this.host as HTMLElement & { getElementSallaData: () => FormData }).getElementSallaData();\n    formData.forEach((value, key) => {\n      if (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    const requiredElements = this.host.querySelectorAll('[required]') as unknown as Array<HTMLInputElement>;\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: Event, option: Option) {\n    const closestProductOption = (event.target as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n\n    if (!closestProductOption.classList.contains('s-product-options-option-error')) {\n      closestProductOption.classList.add('s-product-options-option-error');\n    }\n\n    if (!salla.url.is_page('cart')) {\n      const firstInvalidElement = this.host.querySelector('.s-product-options-option-error');\n      if (firstInvalidElement === closestProductOption) {\n        this.scrollToElement(closestProductOption);\n      }\n    }\n  }\n\n  private scrollToElement(element: HTMLElement) {\n    if (element) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }\n\n  private changedHandler(event, option) {\n    const data = { event: event, option: option, detail: null };\n    if (option.details) {\n      const detail = option.details.find((detail) => {\n        return Number(detail.id) === Number(event.target.value);\n      });\n      data.detail = detail\n    }\n\n    if (option.type === 'country') {\n      this.handleCountryOptionChange(event, data.detail)\n    }\n\n    const 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    const 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.DIGITAL_CARD_VALUE) {\n      return this.digitalCardValuesOption(option);\n    }\n    if (option.type === DisplayType.COUNTRY) {\n      return this.countryOption(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  private getAvailableDigitalCardSKUs(detail: Detail) {\n    const digitalCardOption = this.optionsData.find(({ type }) => type === 'digital-code-value')\n\n    if (!digitalCardOption) throw new Error('product-options:: No digital card options found')\n\n    const outofStockSKUs = Object.keys(detail.skus_availability).filter(key => detail.skus_availability[key] === false)\n\n    this.availableDigitalCardValues = digitalCardOption.details.filter((op) => {\n\n      return !Object.keys(op.skus_availability).filter(SKU_key => outofStockSKUs.includes(SKU_key)).length\n\n    })\n\n  }\n  private handleCountryOptionChange(event: Event, detail: Detail) {\n    event.stopImmediatePropagation()\n\n    this.ignoreDefaultCardValue = true\n\n    const currentCardValue = this.host.querySelector(\"input[data-code-value]:checked\") as HTMLInputElement | null\n\n    if (currentCardValue) currentCardValue.checked = false\n\n    const digitalCardOption = this.optionsData.find(({ type }) => type === 'digital-code-value')\n\n    if (!digitalCardOption) throw new Error('product-options:: No digital card options found')\n\n    this.getAvailableDigitalCardSKUs(detail)\n  }\n\n  private getSelectedDigitalCardOptions(option: Option) {\n    const selectedOption = option.details.find(detail => detail.is_selected)\n    const defaultOption = option.details.find(detail => !!detail.is_default) || option.details[0] /*option.details[0] only applys for counrty options*/\n    if (!['digital-code-value', 'country'].includes(option.type)) return\n\n    return selectedOption || defaultOption\n\n\n  }\n\n  //we need the cart Id for productOption Image\n  componentWillLoad() {\n    if(salla.url.is_page(\"cart\")){\n      this.disableCardValue=false\n    }\n\n    if (this.config) {\n      try {\n        const configObj = JSON.parse(this.config);\n        this.optionConfig = configObj as OptionConfig;\n      } catch (error) {\n        console.error('Invalid JSON passed to config prop', error);\n      }\n    }\n\n    const shouldSelectDefaultOption = this.optionsData.filter(({ type }) => [\"country\", \"digital-card-value\"].includes(type)).length > 0 && salla.url.is_page('cart')\n\n    if (shouldSelectDefaultOption) {\n      const countryOption = this.optionsData.find(option => option.type === 'country')\n\n      const defaultSelection = countryOption && this.getSelectedDigitalCardOptions(countryOption)\n\n      if (defaultSelection) {\n        this.getAvailableDigitalCardSKUs(defaultSelection)\n      }\n    }\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  private hideDigitalCardsOptions(option:Option){\n    return (this.disableCardValue && option.type===DisplayType.DIGITAL_CARD_VALUE && !salla.url.is_page(\"cart\"))\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 key={option.id} class={`s-product-options-option-container${option.visibility_condition || this.hideDigitalCardsOptions(option) ? ' 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  private generateUniqueKey(defaultValue: string): string {\n    return this.uniqueKey ? `${defaultValue}-${this.uniqueKey}` : defaultValue;\n  }\n\n  componentDidLoad() {\n    if (this.optionsData?.length === 0 && !this.optionsData.some(option => option.type === DisplayType.DONATION)) {\n      return;\n    }\n    const 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 key={option.id} 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 key={option.id}>{this.selectAmount}</h4>,\n          <div key={option.id} class=\"s-product-options-donation-options\">\n            {option.details.map((detail, i) =>\n              <div key={option.id} class=\"s-product-options-donation-options-item\">\n                <input id={this.generateUniqueKey(`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={this.generateUniqueKey(`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={this.generateUniqueKey(\"donation-option-custom\")} type=\"radio\" name=\"donating_option\" value=\"custom\" onChange={e => this.handleDonationOptions(e, 'custom', 'option')} />\n                <label htmlFor={this.generateUniqueKey(\"donation-option-custom\")}>\n                  <span> {this.selectDonationAmount} </span>\n                </label>\n              </div>\n              : ''\n            }\n          </div>] : '',\n\n        <div key={option.id} 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: Record<string, unknown> | 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 { accept: string }).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    const 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 = 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    const 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      const 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  /**\n   * Renders a single input element (radio or checkbox) for an option detail.\n   * @param type - The type of input element ('radio' or 'checkbox').\n   * @param detail - The detail object representing an option detail.\n   * @param option - The parent option object containing the details.\n   * @param isRequired - Indicates if the input is required based on the option's rules.\n   * @param name - The name attribute for the input element.\n   * @returns HTMLElement - A labeled input element.\n   */\n  private renderInput(\n    type: 'radio' | 'checkbox',\n    detail: Detail,\n    option: Option,\n    isRequired: boolean,\n    name: string,\n    buttonStyle: boolean,\n  ): HTMLElement {\n    const id = this.generateUniqueKey(`${type}-${option.id}-${detail.id}`);\n    const isDisabled = this.isOptionDetailOut(detail);\n    return (\n      <label class={{\n        \"s-product-options-disabled\": isDisabled,\n      }}>\n        <input\n          id={id}\n          type={type}\n          name={name}\n          value={detail.id}\n          disabled={isDisabled}\n          required={isRequired}\n          checked={detail.is_selected}\n          onInvalid={(e) => this.invalidHandler(e, option)}\n          onChange={(e) => this.changedHandler(e, option)}\n        />\n        <div class={{\"s-product-options-grid-mode-span\": buttonStyle, \"s-product-options-disabled\": isDisabled}}>\n          {this.getOptionDetailName(detail)}\n        </div>\n      </label>\n    );\n  }\n\n  /**\n   * Renders a collection of input elements for all details of an option.\n   * @param type - The type of input elements ('radio' or 'checkbox').\n   * @param option - The parent option object containing the details.\n   * @param isRequired - Indicates if the inputs are required based on the option's rules.\n   * @returns HTMLElement[] - An array of labeled input elements.\n   */\n  private renderOptionDetails(\n    type: 'radio' | 'checkbox',\n    option: Option,\n    isRequired: boolean,\n    buttonStyle: boolean = false\n  ): HTMLElement[] {\n    const name = type === 'radio' ? `options[${option.id}]` : `options[${option.id}][]`;\n    return option?.details.map((detail: Detail) =>\n      this.renderInput(type, detail, option, isRequired, name, buttonStyle)\n    );\n  }\n\n  /**\n   * Renders a dropdown (select) element for a single-option selection.\n   * @param option - The parent option object.\n   * @returns HTMLElement - A select dropdown element with all option details.\n   */\n  private renderSelect(option: Option): HTMLElement {\n    return (\n      <div>\n        <select\n          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        >\n          <option value=\"\">{option.placeholder}</option>\n          {option?.details.map((detail: Detail) => (\n            <option\n              key={detail.id}\n              value={detail.id}\n              disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n              selected={detail.is_selected}\n            >\n              {this.getOptionDetailName(detail)}\n            </option>\n          ))}\n        </select>\n      </div>\n    );\n  }\n\n  /**\n   * Renders a grid-based layout for option inputs (radio or checkbox).\n   * @param type - The type of input elements ('radio' or 'checkbox').\n   * @param option - The parent option object containing the details.\n   * @param isRequired - Indicates if the inputs are required based on the option's rules.\n   * @returns HTMLElement - A grid-based container with input elements.\n   */\n  private renderButtonStyle(\n    type: 'radio' | 'checkbox',\n    option: Option,\n    isRequired: boolean\n  ): HTMLElement {\n    return (\n      <div class=\"s-product-options-grid-mode\">\n        {this.renderOptionDetails(type, option, isRequired, true)}\n      </div>\n    );\n  }\n\n  /**\n   * Renders a single-option selection, either as a grid or dropdown, based on configuration.\n   * @param option - The parent option object.\n   * @returns HTMLElement - The rendered single-option element.\n   */\n  private singleOption(option: Option): HTMLElement {\n    const buttonStyle = this.optionConfig?.singleOption?.type === 'button';\n    const isRequired = !option.visibility_condition && option.required;\n\n    return buttonStyle\n      ? this.renderButtonStyle('radio', option, isRequired)\n      : this.renderSelect(option);\n  }\n\n  /**\n   * Renders a multiple-option selection, either as a grid or list, based on configuration.\n   * @param option - The parent option object.\n   * @returns HTMLElement - The rendered multiple-option element.\n   */\n  private multipleOptions(option: Option): HTMLElement {\n    const buttonStyle = this.optionConfig?.multipleOption?.type === 'button';\n    const isRequired =\n      option.required &&\n      !option.details.some((detail) => detail.is_selected) &&\n      !option.visibility_condition;\n\n    return buttonStyle\n      ? this.renderButtonStyle('checkbox', option, isRequired)\n      : (\n        <div\n          class={{\n            's-product-options-multiple-options-wrapper': true,\n            required: option.required,\n          }}\n        >\n          {this.renderOptionDetails('checkbox', option, isRequired)}\n        </div>\n      );\n  }\n  \n  //@ts-ignore\n  private colorOption(option: Option) {\n    return (\n      <fieldset\n        class=\"s-product-options-colors-wrapper\"\n      >\n        {option?.details.map((detail) => (\n          <div\n            class=\"s-product-options-colors-item\"\n            key={detail.id}\n          >\n            <input\n              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={this.generateUniqueKey(`color-${this.productId}-${option.id}-${detail.id}`)}\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              onChange={(e) => this.changedHandler(e, option)}\n            />\n            <label htmlFor={this.generateUniqueKey(`color-${this.productId}-${option.id}-${detail.id}`)}>\n              <span style={{ backgroundColor: detail.color }} />\n              <div innerHTML={this.getOptionDetailName(detail, true, option.type)} />\n            </label>\n          </div>\n        ))}\n      </fieldset>\n    );\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 key={detail.id}>\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={this.generateUniqueKey(`option_${this.productId}-${option.id}_${detail.id}`)}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            onChange={(e) => this.changedHandler(e, option)} />\n          <label htmlFor={this.generateUniqueKey(`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 key={detail.id} class=\"s-product-options-thumbnails-stock-badge\">{this.outOfStockText}</small>,\n                this.canDisabled ? <div key={detail.id} 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  // Digital card options\n  private digitalCardValuesOption(option: Option) {\n\n    return <div class=\"s-product-options-digital-card-wrapper\">\n      {this.availableDigitalCardValues.length > 0 ? this.availableDigitalCardValues.map((detail) => {\n        const id = String(detail.id)\n        return <label htmlFor={this.generateUniqueKey(id.toString())} key={id} class=\"s-product-options-digital-card-option\">\n          <input type=\"radio\" data-code-value class=\"s-form-control s-product-options-digital-card-input\" value={detail.id}\n            name={`options[${option.id}]`}\n            id={this.generateUniqueKey(id.toString())}\n            required={!option.visibility_condition && option.required}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            {...(!this.ignoreDefaultCardValue ? {defaultChecked: this.getSelectedDigitalCardOptions(option)?.id === detail.id}:{})}\n\n          />\n          <span>{detail.name} {salla.config?.currency()?.symbol}</span>\n        </label>\n      })\n        : <div class=\"s-product-options-digital-card-out-of-stock\"/>\n      }\n    </div>\n  }\n  private countryOption(option: Option) {\n    return <div class=\"s-product-options-digital-card-wrapper\">\n      {option.details.map((detail) => {\n\n       return <label htmlFor={this.generateUniqueKey(detail.id.toString())} key={detail.id} class={{\"s-product-options-digital-card-option\":true,\"s-product-options-digital-card-option-stock-out\":detail.is_out}}>\n          <input id={this.generateUniqueKey(detail.id.toString())} type=\"radio\" class=\"s-form-control s-product-options-digital-card-input\" value={detail.id}\n            name={`options[${option.id}]`}\n            disabled={detail.is_out}\n            required={!option.visibility_condition && option.required}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            onChange={e => this.changedHandler(e, option)}\n            onClick={()=>{ this.disableCardValue = false}}\n            {...(salla.url.is_page(\"cart\") ? {defaultChecked:this.getSelectedDigitalCardOptions(option)?.id === detail.id}:{})}\n\n          />\n               <img loading='lazy' alt={detail.code} height={24} width={24} class=\"s-product-options-country-flag\" src={`https://cdn.assets.salla.network/prod/admin/cp/assets/flags/1x1/${String(detail.code).toLocaleLowerCase()}.svg`}/>\n          <span >{detail.name}</span>\n        </label>\n  })\n      }\n    </div>\n\n  }\n\n}"],"mappings":"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"}
+{"version":3,"names":["DisplayType","Currency","sallaProductOptionsCss","SallaProductOptions","class_1","hostRef","_this","this","fileTypes","pdf","png","jpg","word","exl","txt","outSkus","ignoreDefaultCardValue","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","classList","contains","add","firstInvalidElement","querySelector","scrollToElement","element","scrollIntoView","behavior","block","changedHandler","handleCountryOptionChange","optionElement","FILE","IMAGE","MAP","lat","lng","setTimeout","remove","index","findIndex","assign","setSelectedSkus","handleRequiredMultipleOptions","changed","keys","reduce","p","c","MULTIPLE_OPTIONS","required","optionContainer","concat","hasChecked","input","toggleAttribute","getLatLng","split","getDisplayForType","COLOR_PICKER","colorPickerOption","multipleOptions","SINGLE_OPTION","singleOption","DIGITAL_CARD_VALUE","digitalCardValuesOption","COUNTRY","countryOption","BOOKING","onInvalidInput","getOptionShownWhen","visibility_condition","operator","getAvailableDigitalCardSKUs","digitalCardOption","_d","Error","outofStockSKUs","availableDigitalCardValues","op","SKU_key","stopImmediatePropagation","currentCardValue","checked","getSelectedDigitalCardOptions","selectedOption","is_selected","defaultOption","is_default","componentWillLoad","disableCardValue","configObj","optionConfig","error","console","shouldSelectDefaultOption","defaultSelection","onReady","needsCartId","storage","cart","getCurrentCartId","hideDigitalCardsOptions","render","Host","name","splitterOption","htmlFor","placeholder","generateUniqueKey","defaultValue","uniqueKey","componentDidLoad","selectedDonationOption","additional_price","donationOption","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","renderInput","isRequired","buttonStyle","isDisabled","disabled","renderOptionDetails","renderSelect","selected","renderButtonStyle","colorOption","style","backgroundColor","thumbnailOption","option_value","image","src","title","alt","CheckCircleIcon","String","toString","defaultChecked","_c","onClick","loading","code","width","toLocaleLowerCase"],"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  DIGITAL_CARD_VALUE = \"digital-code-value\",\n  COUNTRY = \"country\",\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  is_default?: 0 | 1;\n  code?: string;\n  type?: string;\n\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\nexport interface OptionConfig {\n  singleOption?:   OptionDisplayType;\n  multipleOption?: OptionDisplayType;\n}\n\nexport interface OptionDisplayType {\n  type: 'button' | 'default'; // defaults to 'default', which is select and checkbox for single and multiple options respectivly\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}\n","import { Component, Prop, h, State, Element, Host, Event, type EventEmitter, Method } from '@stencil/core';\nimport { type Option, DisplayType, type Detail, OptionConfig } 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    const 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: Record<string, string> = {\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 = \"\"\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 = false;\n  @State() selectedOptions = [];\n  @State() canDisabled: boolean;\n  @State() selectedSkus?: Array<string | number>;\n  @State() selectedOutSkus?: Array<string | number>;\n  @State() disableCardValue = true\n  @State() availableDigitalCardValues: Detail[] = []\n\n  private outSkus: Array<string | number> = [];\n  private donationInput?: HTMLInputElement;\n  private optionConfig: OptionConfig;\n  /**\n * Avoid selection of previous default or selected card value option \n * when switching between digital card country options for the 1st time\n */\n  private ignoreDefaultCardValue = false\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   * A unique key used to generate distinct identifiers.\n   * \n   * This key is appended to a default value to ensure uniqueness\n   * across instances or components where differentiation is required.\n   */\n  @Prop() uniqueKey: string\n\n  /**\n   * Configuration for customizing the display layout of product options.\n   * The `config` prop accepts a JSON string that specifies the layout type for rendering options.\n   * It allows customization of how single-option and multiple-option selections are displayed.\n   * \n   * Example Usage:\n   * ```html\n   * <salla-product-options \n   *   options=\"{{ product.options }}\" \n   *   product-id=\"{{ product.id }}\" \n   *   unique-key=\"abc123\"\n   *   config='{\n   *     \"single-option\": { \"type\": \"button\" },\n   *     \"multiple-option\": { \"type\": \"button\" }\n   *   }'>\n   * </salla-product-options>\n   * ```\n   * \n   * Example Config JSON:\n   * ```json\n   * {\n   *   \"single-option\": { \"type\": \"button\" },\n   *   \"multiple-option\": { \"type\": \"default\" }\n   * }\n   * ```\n   * \n   * - `single-option`:\n   *   - Defines the display style for single-option selections.\n   *   - `type`: Supported values:\n   *     - `\"button\"`: Displays options in a button-style grid layout.\n   *     - `\"default\"`: Displays options as a dropdown (default).\n   * \n   * - `multiple-option`:\n   *   - Defines the display style for multiple-option selections.\n   *   - `type`: Supported values:\n   *     - `\"button\"`: Displays options in a button-style grid layout.\n   *     - `\"default\"`: Displays options as a list of checkboxes (default).\n   */\n  @Prop() config: string;\n\n  /**\n   * Get the id's of the selected options.\n   * */\n  @Method()\n  async getSelectedOptionsData() {\n    const selectedOptions = {}\n    const formData = (this.host as HTMLElement & { getElementSallaData: () => FormData }).getElementSallaData();\n    formData.forEach((value, key) => {\n      if (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    const requiredElements = this.host.querySelectorAll('[required]') as unknown as Array<HTMLInputElement>;\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: Event, option: Option) {\n    const closestProductOption = (event.target as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n\n    if (!closestProductOption.classList.contains('s-product-options-option-error')) {\n      closestProductOption.classList.add('s-product-options-option-error');\n    }\n\n    if (!salla.url.is_page('cart')) {\n      const firstInvalidElement = this.host.querySelector('.s-product-options-option-error');\n      if (firstInvalidElement === closestProductOption) {\n        this.scrollToElement(closestProductOption);\n      }\n    }\n  }\n\n  private scrollToElement(element: HTMLElement) {\n    if (element) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }\n\n  private changedHandler(event, option) {\n    const data = { event: event, option: option, detail: null };\n    if (option.details) {\n      const detail = option.details.find((detail) => {\n        return Number(detail.id) === Number(event.target.value);\n      });\n      data.detail = detail\n    }\n\n    if (option.type === 'country') {\n      this.handleCountryOptionChange(event, data.detail)\n    }\n\n    const 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    const 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.DIGITAL_CARD_VALUE) {\n      return this.digitalCardValuesOption(option);\n    }\n    if (option.type === DisplayType.COUNTRY) {\n      return this.countryOption(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  private getAvailableDigitalCardSKUs(detail: Detail) {\n    const digitalCardOption = this.optionsData.find(({ type }) => type === 'digital-code-value')\n\n    if (!digitalCardOption) throw new Error('product-options:: No digital card options found')\n\n    const outofStockSKUs = Object.keys(detail.skus_availability).filter(key => detail.skus_availability[key] === false)\n\n    this.availableDigitalCardValues = digitalCardOption.details.filter((op) => {\n\n      return !Object.keys(op.skus_availability).filter(SKU_key => outofStockSKUs.includes(SKU_key)).length\n\n    })\n\n  }\n  private handleCountryOptionChange(event: Event, detail: Detail) {\n    event.stopImmediatePropagation()\n\n    this.ignoreDefaultCardValue = true\n\n    const currentCardValue = this.host.querySelector(\"input[data-code-value]:checked\") as HTMLInputElement | null\n\n    if (currentCardValue) currentCardValue.checked = false\n\n    const digitalCardOption = this.optionsData.find(({ type }) => type === 'digital-code-value')\n\n    if (!digitalCardOption) throw new Error('product-options:: No digital card options found')\n\n    this.getAvailableDigitalCardSKUs(detail)\n  }\n\n  private getSelectedDigitalCardOptions(option: Option) {\n    const selectedOption = option.details.find(detail => detail.is_selected)\n    const defaultOption = option.details.find(detail => !!detail.is_default) || option.details[0] /*option.details[0] only applys for counrty options*/\n    if (!['digital-code-value', 'country'].includes(option.type)) return\n\n    return selectedOption || defaultOption\n\n\n  }\n\n  //we need the cart Id for productOption Image\n  componentWillLoad() {\n    if(salla.url.is_page(\"cart\")){\n      this.disableCardValue=false\n    }\n\n    if (this.config) {\n      try {\n        const configObj = JSON.parse(this.config);\n        this.optionConfig = configObj as OptionConfig;\n      } catch (error) {\n        console.error('Invalid JSON passed to config prop', error);\n      }\n    }\n\n    const shouldSelectDefaultOption = this.optionsData.filter(({ type }) => [\"country\", \"digital-card-value\"].includes(type)).length > 0 && salla.url.is_page('cart')\n\n    if (shouldSelectDefaultOption) {\n      const countryOption = this.optionsData.find(option => option.type === 'country')\n\n      const defaultSelection = countryOption && this.getSelectedDigitalCardOptions(countryOption)\n\n      if (defaultSelection) {\n        this.getAvailableDigitalCardSKUs(defaultSelection)\n      }\n    }\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  private hideDigitalCardsOptions(option:Option){\n    return (this.disableCardValue && option.type===DisplayType.DIGITAL_CARD_VALUE && !salla.url.is_page(\"cart\"))\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 key={option.id} class={`s-product-options-option-container${option.visibility_condition || this.hideDigitalCardsOptions(option) ? ' 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  private generateUniqueKey(defaultValue: string): string {\n    return this.uniqueKey ? `${defaultValue}-${this.uniqueKey}` : defaultValue;\n  }\n\n  componentDidLoad() {\n    if (this.optionsData?.length === 0 && !this.optionsData.some(option => option.type === DisplayType.DONATION)) {\n      return;\n    }\n    const 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 key={option.id} 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 key={option.id}>{this.selectAmount}</h4>,\n          <div key={option.id} class=\"s-product-options-donation-options\">\n            {option.details.map((detail, i) =>\n              <div key={option.id} class=\"s-product-options-donation-options-item\">\n                <input id={this.generateUniqueKey(`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={this.generateUniqueKey(`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={this.generateUniqueKey(\"donation-option-custom\")} type=\"radio\" name=\"donating_option\" value=\"custom\" onChange={e => this.handleDonationOptions(e, 'custom', 'option')} />\n                <label htmlFor={this.generateUniqueKey(\"donation-option-custom\")}>\n                  <span> {this.selectDonationAmount} </span>\n                </label>\n              </div>\n              : ''\n            }\n          </div>] : '',\n\n        <div key={option.id} 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: Record<string, unknown> | 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 { accept: string }).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    const 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 = 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    const 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      const 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  /**\n   * Renders a single input element (radio or checkbox) for an option detail.\n   * @param type - The type of input element ('radio' or 'checkbox').\n   * @param detail - The detail object representing an option detail.\n   * @param option - The parent option object containing the details.\n   * @param isRequired - Indicates if the input is required based on the option's rules.\n   * @param name - The name attribute for the input element.\n   * @returns HTMLElement - A labeled input element.\n   */\n  private renderInput(\n    type: 'radio' | 'checkbox',\n    detail: Detail,\n    option: Option,\n    isRequired: boolean,\n    name: string,\n    buttonStyle: boolean,\n  ): HTMLElement {\n    const id = this.generateUniqueKey(`${type}-${option.id}-${detail.id}`);\n    const isDisabled = this.isOptionDetailOut(detail);\n    return (\n      <label class={{\n        \"s-product-options-disabled\": isDisabled,\n      }}>\n        <input\n          id={id}\n          type={type}\n          name={name}\n          value={detail.id}\n          disabled={isDisabled}\n          required={isRequired}\n          checked={detail.is_selected}\n          onInvalid={(e) => this.invalidHandler(e, option)}\n          onChange={(e) => this.changedHandler(e, option)}\n        />\n        <div class={{\"s-product-options-grid-mode-span\": buttonStyle, \"s-product-options-disabled\": isDisabled}}>\n          {this.getOptionDetailName(detail)}\n        </div>\n      </label>\n    );\n  }\n\n  /**\n   * Renders a collection of input elements for all details of an option.\n   * @param type - The type of input elements ('radio' or 'checkbox').\n   * @param option - The parent option object containing the details.\n   * @param isRequired - Indicates if the inputs are required based on the option's rules.\n   * @returns HTMLElement[] - An array of labeled input elements.\n   */\n  private renderOptionDetails(\n    type: 'radio' | 'checkbox',\n    option: Option,\n    isRequired: boolean,\n    buttonStyle: boolean = false\n  ): HTMLElement[] {\n    const name = type === 'radio' ? `options[${option.id}]` : `options[${option.id}][]`;\n    return option?.details.map((detail: Detail) =>\n      this.renderInput(type, detail, option, isRequired, name, buttonStyle)\n    );\n  }\n\n  /**\n   * Renders a dropdown (select) element for a single-option selection.\n   * @param option - The parent option object.\n   * @returns HTMLElement - A select dropdown element with all option details.\n   */\n  private renderSelect(option: Option): HTMLElement {\n    return (\n      <div>\n        <select\n          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        >\n          <option value=\"\">{option.placeholder}</option>\n          {option?.details.map((detail: Detail) => (\n            <option\n              key={detail.id}\n              value={detail.id}\n              disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n              selected={detail.is_selected}\n            >\n              {this.getOptionDetailName(detail)}\n            </option>\n          ))}\n        </select>\n      </div>\n    );\n  }\n\n  /**\n   * Renders a grid-based layout for option inputs (radio or checkbox).\n   * @param type - The type of input elements ('radio' or 'checkbox').\n   * @param option - The parent option object containing the details.\n   * @param isRequired - Indicates if the inputs are required based on the option's rules.\n   * @returns HTMLElement - A grid-based container with input elements.\n   */\n  private renderButtonStyle(\n    type: 'radio' | 'checkbox',\n    option: Option,\n    isRequired: boolean\n  ): HTMLElement {\n    return (\n      <div class=\"s-product-options-grid-mode\">\n        {this.renderOptionDetails(type, option, isRequired, true)}\n      </div>\n    );\n  }\n\n  /**\n   * Renders a single-option selection, either as a grid or dropdown, based on configuration.\n   * @param option - The parent option object.\n   * @returns HTMLElement - The rendered single-option element.\n   */\n  private singleOption(option: Option): HTMLElement {\n    const buttonStyle = this.optionConfig?.['single-option'].type === 'button';\n    const isRequired = !option.visibility_condition && option.required;\n\n    return buttonStyle\n      ? this.renderButtonStyle('radio', option, isRequired)\n      : this.renderSelect(option);\n  }\n\n  /**\n   * Renders a multiple-option selection, either as a grid or list, based on configuration.\n   * @param option - The parent option object.\n   * @returns HTMLElement - The rendered multiple-option element.\n   */\n  private multipleOptions(option: Option): HTMLElement {\n    const buttonStyle = this.optionConfig?.['multiple-option']?.type === 'button';\n    const isRequired =\n      option.required &&\n      !option.details.some((detail) => detail.is_selected) &&\n      !option.visibility_condition;\n\n    return buttonStyle\n      ? this.renderButtonStyle('checkbox', option, isRequired)\n      : (\n        <div\n          class={{\n            's-product-options-multiple-options-wrapper': true,\n            required: option.required,\n          }}\n        >\n          {this.renderOptionDetails('checkbox', option, isRequired)}\n        </div>\n      );\n  }\n  \n  //@ts-ignore\n  private colorOption(option: Option) {\n    return (\n      <fieldset\n        class=\"s-product-options-colors-wrapper\"\n      >\n        {option?.details.map((detail) => (\n          <div\n            class=\"s-product-options-colors-item\"\n            key={detail.id}\n          >\n            <input\n              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={this.generateUniqueKey(`color-${this.productId}-${option.id}-${detail.id}`)}\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              onChange={(e) => this.changedHandler(e, option)}\n            />\n            <label htmlFor={this.generateUniqueKey(`color-${this.productId}-${option.id}-${detail.id}`)}>\n              <span style={{ backgroundColor: detail.color }} />\n              <div innerHTML={this.getOptionDetailName(detail, true, option.type)} />\n            </label>\n          </div>\n        ))}\n      </fieldset>\n    );\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 key={detail.id}>\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={this.generateUniqueKey(`option_${this.productId}-${option.id}_${detail.id}`)}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            onChange={(e) => this.changedHandler(e, option)} />\n          <label htmlFor={this.generateUniqueKey(`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 key={detail.id} class=\"s-product-options-thumbnails-stock-badge\">{this.outOfStockText}</small>,\n                this.canDisabled ? <div key={detail.id} 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  // Digital card options\n  private digitalCardValuesOption(option: Option) {\n\n    return <div class=\"s-product-options-digital-card-wrapper\">\n      {this.availableDigitalCardValues.length > 0 ? this.availableDigitalCardValues.map((detail) => {\n        const id = String(detail.id)\n        return <label htmlFor={this.generateUniqueKey(id.toString())} key={id} class=\"s-product-options-digital-card-option\">\n          <input type=\"radio\" data-code-value class=\"s-form-control s-product-options-digital-card-input\" value={detail.id}\n            name={`options[${option.id}]`}\n            id={this.generateUniqueKey(id.toString())}\n            required={!option.visibility_condition && option.required}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            {...(!this.ignoreDefaultCardValue ? {defaultChecked: this.getSelectedDigitalCardOptions(option)?.id === detail.id}:{})}\n\n          />\n          <span>{detail.name} {salla.config?.currency()?.symbol}</span>\n        </label>\n      })\n        : <div class=\"s-product-options-digital-card-out-of-stock\"/>\n      }\n    </div>\n  }\n  private countryOption(option: Option) {\n    return <div class=\"s-product-options-digital-card-wrapper\">\n      {option.details.map((detail) => {\n\n       return <label htmlFor={this.generateUniqueKey(detail.id.toString())} key={detail.id} class={{\"s-product-options-digital-card-option\":true,\"s-product-options-digital-card-option-stock-out\":detail.is_out}}>\n          <input id={this.generateUniqueKey(detail.id.toString())} type=\"radio\" class=\"s-form-control s-product-options-digital-card-input\" value={detail.id}\n            name={`options[${option.id}]`}\n            disabled={detail.is_out}\n            required={!option.visibility_condition && option.required}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            onChange={e => this.changedHandler(e, option)}\n            onClick={()=>{ this.disableCardValue = false}}\n            {...(salla.url.is_page(\"cart\") ? {defaultChecked:this.getSelectedDigitalCardOptions(option)?.id === detail.id}:{})}\n\n          />\n               <img loading='lazy' alt={detail.code} height={24} width={24} class=\"s-product-options-country-flag\" src={`https://cdn.assets.salla.network/prod/admin/cp/assets/flags/1x1/${String(detail.code).toLocaleLowerCase()}.svg`}/>\n          <span >{detail.name}</span>\n        </label>\n  })\n      }\n    </div>\n\n  }\n\n}"],"mappings":"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"}