@salla.sa/twilight-components 2.12.6 → 2.12.7

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

@@ -1,5 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as t,c as i,h as o,H as e,g as s}from"./p-c76c4ed2.js";import{C as n}from"./p-ccd78636.js";var a;(function(t){t["COLOR"]="color";t["DATE"]="date";t["DATETIME"]="datetime";t["DONATION"]="donation";t["IMAGE"]="image";t["MULTIPLE_OPTIONS"]="multiple-options";t["NUMBER"]="number";t["SINGLE_OPTION"]="single-option";t["SPLITTER"]="splitter";t["TEXT"]="text";t["TEXTAREA"]="textarea";t["THUMBNAIL"]="thumbnail";t["TIME"]="time";t["RADIO"]="radio";t["CHECKBOX"]="checkbox";t["MAP"]="map";t["FILE"]="file";t["COLOR_PICKER"]="color_picker"})(a||(a={}));var l;(function(t){t["Sar"]="SAR"})(l||(l={}));const r=`\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>check</title>\n<path d="M27.521 6.976c-0.569-0.472-1.407-0.393-1.879 0.171l-12.567 15.080-7.003-4.668c-0.615-0.411-1.441-0.244-1.849 0.369-0.409 0.612-0.244 1.441 0.369 1.849l8 5.333c0.227 0.149 0.484 0.223 0.739 0.223 0.384 0 0.763-0.165 1.027-0.48l13.333-16c0.471-0.565 0.393-1.407-0.171-1.877z"></path>\n</svg>\n`;const p=`\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`;const d="";const c=class{constructor(o){t(this,o);this.changed=i(this,"changed",7);this.fileTypes={pdf:"application/pdf",png:"image/png",jpg:"image/jpeg",word:"application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",exl:"application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",txt:"text/plain"};this.outSkus=[];this.optionsData=undefined;this.outOfStockText="";this.donationAmount=salla.lang.get("pages.products.donation_amount");this.selectedOptions=[];this.canDisabled=undefined;this.selectedSkus=undefined;this.selectedOutSkus=undefined;this.productId=salla.config.get("page.id");this.options=undefined;this.canDisabled=!salla.config.get("store.settings.products.notify_options_availability");salla.lang.onLoaded((()=>{this.outOfStockText=salla.lang.get("pages.products.out_of_stock");this.donationAmount=salla.lang.get("pages.products.donation_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((t=>this.setOptionsData(t.data.options)))}}setOptionsData(t){var i,o;this.optionsData=t;let e=this;(o=(i=this.optionsData[0])===null||i===void 0?void 0:i.details)===null||o===void 0?void 0:o.forEach((function(t){Object.entries(t.skus_availability||{}).filter((t=>!t[1])).map((t=>e.outSkus.push(Number(t[0]))))}))}async getSelectedOptionsData(){let t={};let i=this.host.getElementSallaData();i.forEach((function(i,o){o.startsWith("options[")&&(t[o.replace("options[","").replace("]","")]=i)}));return t}async reportValidity(){let t=this.host.querySelectorAll("[required]");let i=true;for(let o=0;o<t.length;o++){if("reportValidity"in t[o]&&!t[o].reportValidity()){i=false}}return i}async hasOutOfStockOption(){var t,i;return this.selectedOptions.some((t=>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((t=>this.outSkus.includes(t))))}async getSelectedOptions(){return this.selectedOptions}async getOption(t){return this.optionsData.find((i=>i.id===t))}invalidHandler(t,i){const o=t.target.closest(".s-product-options-option");if(!salla.url.is_page("cart")){o.scrollIntoView({behavior:"smooth",block:"center"})}o.classList.add("s-product-options-option-error")}changedHandler(t,i){let o={event:t,option:i,detail:null};if(i.details){let e=i.details.find((i=>Number(i.id)===Number(t.target.value)));o.detail=e}let e=t.target.closest(".s-product-options-option");if(t.target.value||(i.type==a.FILE||i.type==a.IMAGE)&&t.type==="added"||i.type==a.MAP&&t.type==="selected"&&(t.target.lat&&t.target.lng)){setTimeout((()=>{e.classList.remove("s-product-options-option-error")}),200)}const s=this.selectedOptions.findIndex((t=>t.option_id===o.option.id));s>-1?this.selectedOptions[s]=Object.assign(Object.assign({},o.detail),{option_id:o.option.id}):this.selectedOptions.push(Object.assign(Object.assign({},o.detail),{option_id:o.option.id}));this.setSelectedSkus();this.handleRequiredMultipleOptions(i);this.changed.emit(o);salla.event.emit("product-options::change",o)}setSelectedSkus(){this.selectedSkus=this.selectedOptions.map((t=>Object.keys(t.skus_availability||{}))).reduce(((t,i)=>t.filter((t=>i.includes(t))))).map((t=>Number(t)))}handleRequiredMultipleOptions(t){if(t.type!==a.MULTIPLE_OPTIONS||!t.required){return}const i=this.host.querySelector(`[data-option-id="${t.id}"]`);const o=i.querySelectorAll("input:checked").length;i.querySelectorAll("input").forEach((t=>t.toggleAttribute("required",!o)))}getLatLng(t,i){return t?t.split(",")[i=="lat"?0:1]:""}getDisplayForType(t){if(this[`${t.type}Option`]){return this[`${t.type}Option`](t)}if(t.type===a.COLOR_PICKER){return this.colorPickerOption(t)}if(t.type===a.MULTIPLE_OPTIONS){return this.multipleOptions(t)}if(t.type===a.SINGLE_OPTION){return this.singleOption(t)}salla.log(`Couldn't find options type(${t.type})😢`);return""}getOptionShownWhen(t){return t.visibility_condition?{"data-show-when":`options[${t.visibility_condition.option}] ${t.visibility_condition.operator} ${t.visibility_condition.value}`}:{}}componentWillLoad(){this.outOfStockText=salla.lang.get("pages.products.out_of_stock");return salla.api.cart.getCurrentCartId()}render(){var t;if(((t=this.optionsData)===null||t===void 0?void 0:t.length)==0){return}return o(e,{class:"s-product-options-wrapper"},o("salla-conditional-fields",null,this.optionsData.map((t=>o("div",Object.assign({class:`s-product-options-option-container${t.visibility_condition?" hidden":""}`,"data-option-id":t.id},this.getOptionShownWhen(t)),t.name=="splitter"?this.splitterOption():o("div",{class:"s-product-options-option","data-option-type":t.type,"data-option-required":`${t.required}`},o("label",{htmlFor:"options["+t.id+"]",class:"s-product-options-option-label"},o("b",null,t.name,t.required&&o("span",null," * ")," "),o("small",null,t.placeholder)),o("div",{class:"s-product-options-option-content"},this.getDisplayForType(t))))))))}donationOption(t,i){return o("div",{class:"s-product-options-donation-wrapper"},t.donation?o("div",{class:"s-product-options-donation-progress"},o("salla-progress-bar",{donation:t.donation})):"",o("div",{class:"s-product-options-donation-input-group"},o("input",{type:"text",id:"donating-amount",name:"donating_amount",class:"s-form-control",value:t.value,required:true,placeholder:t.placeholder,onInput:t=>salla.helpers.inputDigitsOnly(t.target),onBlur:i=>this.changedHandler(i,t),onInvalid:i=>this.invalidHandler(i,t)}),o("span",{class:"s-product-options-donation-amount-currency"},salla.config.currency(salla.config.get("user.currency_code")).symbol)))}fileUploader(t,i=null){return o("salla-file-upload",Object.assign({},i||{},{"payload-name":"file",value:t.value,"instant-upload":true,name:`options[${t.id}]`,required:t.required,height:"120px",onAdded:i=>this.changedHandler(i,t),url:salla.cart.api.getUploadImageEndpoint(),"form-data":{cart_item_id:this.productId,product_id:this.productId},onInvalidInput:i=>this.invalidHandler(i,t),class:{"s-product-options-image-input":true,required:t.required}}),o("div",{class:"s-product-options-filepond-placeholder"},o("span",{class:"s-product-options-filepond-placeholder-icon",innerHTML:i.accept&&i.accept.split(",").every((t=>t.includes("image")))?n:p}),o("p",{class:"s-product-options-filepond-placeholder-text"},salla.lang.get("common.uploader.drag_and_drop")),o("span",{class:"filepond--label-action"},salla.lang.get("common.uploader.browse"))))}imageOption(t){return this.fileUploader(t,{accept:"image/png,image/jpeg,image/jpg,image/gif"})}fileOption(t){let i=t.details.map((t=>this.fileTypes[t.name])).filter(Boolean);return(i===null||i===void 0?void 0:i.length)?this.fileUploader(t,{accept:i.join(",")}):"File types not selected."}numberOption(t){return o("input",{type:"text",value:t.value,class:"s-form-control",required:t.required,name:`options[${t.id}]`,placeholder:t.placeholder,onBlur:i=>this.changedHandler(i,t),onInvalid:i=>this.invalidHandler(i,t),onInput:t=>salla.helpers.inputDigitsOnly(t.target)})}splitterOption(){return o("div",{class:"s-product-options-splitter"})}textOption(t){return o("div",{class:"s-product-options-text"},o("input",{type:"text",value:t.value,class:"s-form-control",required:t.required,name:`options[${t.id}]`,placeholder:t.placeholder,onInvalid:i=>this.invalidHandler(i,t),onInput:i=>this.changedHandler(i,t)}))}textareaOption(t){return o("div",{class:"s-product-options-textarea"},o("div",{class:"mt-1"},o("textarea",{rows:4,value:t.value,class:"s-form-control",required:t.required,id:`options[${t.id}]`,name:`options[${t.id}]`,placeholder:t.placeholder,onInvalid:i=>this.invalidHandler(i,t),onInput:i=>this.changedHandler(i,t)})))}mapOption(t){return o("salla-map",{zoom:15,lat:this.getLatLng(t.value,"lat"),lng:this.getLatLng(t.value,"lng"),name:`options[${t.id}]`,searchable:true,required:t.required,onInvalidInput:i=>this.invalidHandler(i,t),onSelected:i=>this.changedHandler(i,t)})}colorPickerOption(t){return o("salla-color-picker",{onSubmitted:i=>this.changedHandler(i,t),name:`options[${t.id}]`,required:t.required,onInvalidInput:i=>this.invalidHandler(i,t),color:t.value})}timeOption(t){return o("salla-datetime-picker",{noCalendar:true,enableTime:true,dateFormat:"h:i K",value:t.value,placeholder:t.name,required:t.required,name:`options[${t.id}]`,class:"s-product-options-time-element",onInvalidInput:i=>this.invalidHandler(i,t),onPicked:i=>this.changedHandler(i,t)})}dateOption(t){return o("div",{class:"s-product-options-date-element"},o("salla-datetime-picker",{value:t.value,placeholder:t.name,required:t.required,minDate:new Date,name:`options[${t.id}]`,onInvalidInput:i=>this.invalidHandler(i,t),onPicked:i=>this.changedHandler(i,t)}))}datetimeOption(t){return o("div",{class:"s-product-options-datetime-element"},o("salla-datetime-picker",{enableTime:true,value:t.value,dateFormat:"Y-m-d G:i:K",placeholder:t.name,required:t.required,name:`options[${t.id}]`,maxDate:t.to_date_time,minDate:t.from_date_time,onInvalidInput:i=>this.invalidHandler(i,t),onPicked:i=>this.changedHandler(i,t)}))}getOptionDetailName(t,i=true,o){if(o&&o==a.COLOR){return t.name+(i&&this.isOptionDetailOut(t)?` <br/> <p> ${this.outOfStockText} </p>`:"")+(t.additional_price?` <p> (${salla.money(t.additional_price)}) </p>`:"")}return t.name+(i&&this.isOptionDetailOut(t)?` - ${this.outOfStockText}`:"")+(t.additional_price?` (${salla.money(t.additional_price)})`:"")}isOptionDetailOut(t){var i;if(t.is_out||!t.skus_availability||!((i=this.selectedSkus)===null||i===void 0?void 0:i.length)){return t.is_out}let o=this.selectedOptions.filter((i=>i.id==t.id)).length;if(o&&this.selectedOptions.length==1){return false}if(o){let i=this.selectedSkus.filter((t=>this.outSkus.includes(t)));return Object.keys(t.skus_availability).some((t=>i.includes(Number(t))))}return this.selectedOptions.some((i=>i.is_out&&i.option_id!==t.option_id))}singleOption(t){return o("div",null,o("select",{name:`options[${t.id}]`,required:t.required,class:"s-form-control",onInvalid:i=>this.invalidHandler(i,t),onChange:i=>this.changedHandler(i,t)},o("option",{value:""},t.placeholder),t===null||t===void 0?void 0:t.details.map((t=>o("option",{value:t.id,disabled:this.canDisabled&&this.isOptionDetailOut(t),selected:t.is_selected},this.getOptionDetailName(t))))))}multipleOptions(t){return o("div",{class:{"s-product-options-multiple-options-wrapper":true,required:t.required}},t===null||t===void 0?void 0:t.details.map((i=>o("div",null,o("input",{type:"checkbox",value:i.id,disabled:this.isOptionDetailOut(i),checked:i.is_selected,required:t.required,name:`options[${t.id}][]`,id:`field-${t.id}-${i.id}`,onChange:i=>this.changedHandler(i,t),onInvalid:i=>this.invalidHandler(i,t),"aria-describedby":`options[${t.id}]-description`}),o("label",{htmlFor:`field-${t.id}-${i.id}`},this.getOptionDetailName(i))))))}colorOption(t){return o("fieldset",{class:"s-product-options-colors-wrapper"},t===null||t===void 0?void 0:t.details.map((i=>o("div",{class:"s-product-options-colors-item"},o("input",{type:"radio",value:i.id,required:t.required,checked:i.is_selected,name:`options[${t.id}]`,disabled:this.canDisabled&&this.isOptionDetailOut(i),id:`color-${this.productId}-${t.id}-${i.id}`,onInvalid:i=>this.invalidHandler(i,t),onChange:i=>this.changedHandler(i,t)}),o("label",{htmlFor:`color-${this.productId}-${t.id}-${i.id}`},o("span",{style:{"background-color":i.color}}),o("div",{innerHTML:this.getOptionDetailName(i,true,t.type)}))))))}thumbnailOption(t){return o("div",{class:"s-product-options-thumbnails-wrapper"},t.details.map((i=>o("div",null,o("input",{type:"radio",value:i.id,"data-itemid":i.id,required:t.required,checked:i.is_selected,name:`options[${t.id}]`,"data-img-id":i.option_value,disabled:this.canDisabled&&this.isOptionDetailOut(i),id:`option_${this.productId}-${t.id}_${i.id}`,onInvalid:i=>this.invalidHandler(i,t),onChange:i=>this.changedHandler(i,t)}),o("label",{htmlFor:`option_${this.productId}-${t.id}_${i.id}`,"data-img-id":i.option_value,class:"go-to-slide"},o("img",{"data-src":i.image,src:i.image,title:i.name,alt:i.name}),o("span",{innerHTML:r,class:"s-product-options-thumbnails-icon"}),this.isOptionDetailOut(i)?[o("small",{class:"s-product-options-thumbnails-stock-badge"},this.outOfStockText),this.canDisabled?o("div",{class:"s-product-options-thumbnails-badge-overlay"}):""]:""),o("p",null,this.getOptionDetailName(i,false)," ")))))}get host(){return s(this)}};c.style=d;export{c as salla_product_options};
-//# sourceMappingURL=p-d9dd6370.entry.js.map

package/dist/twilight/p-d9dd6370.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["DisplayType","Currency","sallaProductOptionsCss","SallaProductOptions","constructor","hostRef","this","fileTypes","pdf","png","jpg","word","exl","txt","outSkus","salla","lang","get","config","canDisabled","onLoaded","outOfStockText","donationAmount","options","setOptionsData","Array","isArray","JSON","parse","e","log","optionsData","productId","url","is_page","api","product","getDetails","then","resp","data","that","_b","_a","details","forEach","detail","Object","entries","skus_availability","filter","sku","map","push","Number","async","selectedOptions","formData","host","getElementSallaData","value","key","startsWith","replace","requiredElements","querySelectorAll","pass","i","length","reportValidity","some","option","is_out","selectedSkus","every","includes","option_id","find","id","invalidHandler","event","closestProductOption","target","closest","scrollIntoView","behavior","block","classList","add","changedHandler","optionElement","type","FILE","IMAGE","MAP","lat","lng","setTimeout","remove","index","findIndex","assign","setSelectedSkus","handleRequiredMultipleOptions","changed","emit","keys","reduce","p","c","MULTIPLE_OPTIONS","required","optionContainer","querySelector","hasChecked","input","toggleAttribute","getLatLng","split","getDisplayForType","COLOR_PICKER","colorPickerOption","multipleOptions","SINGLE_OPTION","singleOption","getOptionShownWhen","visibility_condition","operator","componentWillLoad","cart","getCurrentCartId","render","h","Host","class","name","splitterOption","htmlFor","placeholder","donationOption","donation","onInput","helpers","inputDigitsOnly","onBlur","onInvalid","currency","symbol","fileUploader","additions","height","onAdded","getUploadImageEndpoint","cart_item_id","product_id","onInvalidInput","innerHTML","accept","CameraIcon","FileIcon","imageOption","fileOption","types","Boolean","join","numberOption","textOption","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","additional_price","money","isDetailSelected","outSelectableSkus","onChange","disabled","selected","is_selected","checked","colorOption","style","thumbnailOption","option_value","image","src","title","alt","CheckCircleIcon"],"sources":["./src/components/salla-product-options/interfaces.ts","./src/components/salla-product-options/salla-product-options.scss?tag=salla-product-options","./src/components/salla-product-options/salla-product-options.tsx"],"sourcesContent":["export enum DisplayType {\n  COLOR = \"color\",\n  DATE = \"date\",\n  DATETIME = \"datetime\",\n  DONATION = \"donation\",\n  IMAGE = \"image\",\n  MULTIPLE_OPTIONS = \"multiple-options\",\n  NUMBER = \"number\",\n  SINGLE_OPTION = \"single-option\",\n  SPLITTER = \"splitter\",\n  TEXT = \"text\",\n  TEXTAREA = \"textarea\",\n  THUMBNAIL = \"thumbnail\",\n  TIME = \"time\",\n  RADIO = \"radio\",\n  CHECKBOX = \"checkbox\",\n  MAP = \"map\",\n  FILE = \"file\", // similar to image type (file-uploader component)\n  COLOR_PICKER = \"color_picker\"\n\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}\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  donation?: Donation\n}\n\nexport interface Donation {\n  target_message?: string;\n  target_date: string | \"2023-04-18\";\n  target_end_date: string | \"2023-04-18\";\n  target_amount: number;\n  collected_amount: number;\n  can_donate: boolean;\n}\n\nexport interface Detail {\n  id: number;\n  option_id: number;\n  name: string;\n  additional_price: number;\n  option_value: null | string;\n  image: null | string;\n  color: null | string;\n  is_out: boolean;\n  skus_availability?: { [sku_id: number]: boolean };\n  is_selected: boolean;\n}\n\nexport interface Brand {\n  id: string;\n  url: string;\n  name: string;\n  logo: string;\n}\n\nexport interface PreTaxPrice {\n  amount: number;\n  currency: Currency;\n}\n\nexport enum Currency {\n  Sar = \"SAR\",\n}\n\nexport interface Promotion {\n  title: string;\n  sub_title: string;\n}\n\nexport interface Rating {\n  count: number;\n  stars: number;\n}\n\nexport interface Tag {\n  name: string;\n  url: string;\n}\n","\n.s-product-options{\n  &-wrapper{\n\n  }\n  &-option-container{\n\n  }\n  &-option{\n\n  }\n  &-option-label{\n\n  }\n  &-option-content{\n\n  }\n  &-colors-wrapper{\n\n  }\n  &-date-element{\n\n  }\n  &-time-element{\n    \n  }\n  &-datetime-element{\n\n  }\n  &-image-input{\n\n  }\n  &-multiple-options-wrapper{\n\n  }\n  &-splitter{\n\n  }\n  &-text{\n\n  }\n  &-textarea{\n\n  }\n  &-thumbnails-wrapper{\n\n  }\n}","import {Component, Prop, h, State, Element, Host, Event, EventEmitter, Method} from '@stencil/core';\nimport {Option, DisplayType, Detail} from './interfaces';\nimport CheckCircleIcon from '../../assets/svg/check.svg';\nimport CameraIcon from '../../assets/svg/camera.svg';\nimport FileIcon from '../../assets/svg/file-upload.svg';\n\n\n@Component({\n  tag: 'salla-product-options',\n  styleUrl: 'salla-product-options.scss',\n})\nexport class SallaProductOptions {\n\n  constructor() {\n    this.canDisabled = !salla.config.get('store.settings.products.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    });\n\n    if (this.options) {\n      try {\n        this.setOptionsData(Array.isArray(this.options) ? this.options : JSON.parse(this.options));\n        return;\n      } catch (e) {\n        salla.log('Bad json passed via options prop');\n      }\n    }\n    if (!Array.isArray(this.optionsData)) {\n      salla.log('Options is not an array[] ---> ', this.optionsData);\n      this.setOptionsData([]);\n    }\n\n    if (this.productId && !salla.url.is_page('cart')) {\n      salla.api.product.getDetails(this.productId, ['options']).then(resp => this.setOptionsData(resp.data.options));\n    }\n  }\n\n  private setOptionsData(optionsData: Option[]) {\n    this.optionsData = optionsData;\n    let that = this\n    this.optionsData[0]?.details?.forEach(function (detail) {\n      Object.entries(detail.skus_availability || {})\n        .filter(sku => !sku[1])\n        .map(sku => that.outSkus.push(Number(sku[0])));\n    });\n  }\n\n\n  @Element() host: HTMLElement;\n\n  private fileTypes: Object = {\n    pdf: 'application/pdf',\n    png: 'image/png',\n    jpg: 'image/jpeg',\n    word: 'application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    exl: 'application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    txt: 'text/plain',\n  };\n\n  @State() optionsData: Option[];\n  @State() outOfStockText: string = ''\n  @State() donationAmount: string = salla.lang.get('pages.products.donation_amount')\n  @State() selectedOptions: Array<any> = [];\n  @State() canDisabled: boolean;\n  @State() selectedSkus?: Array<string | number>;\n  @State() selectedOutSkus?: Array<string | number>;\n  private outSkus: Array<string | number> = [];\n\n\n  /**\n   * The id of the product to which the options are going to be fetched for.\n   */\n  @Prop() productId: number = salla.config.get('page.id');\n\n  /**\n   * Product detail information.\n   */\n  @Prop() options: string;\n\n  /**\n   * Get the id's of the selected options.\n   * */\n  @Method()\n  async getSelectedOptionsData() {\n    let selectedOptions = {}\n    let formData = (this.host as any).getElementSallaData();\n    formData.forEach(function (value, key) {\n      key.startsWith('options[') && (selectedOptions[key.replace('options[', '').replace(']', '')] = value);\n    });\n    return selectedOptions;\n  }\n\n  /**\n   * Report options form validity.\n   * */\n  @Method()\n  async reportValidity() {\n    let requiredElements: Array<HTMLInputElement> = this.host.querySelectorAll('[required]') as any;\n    let pass = true;\n    for (let i = 0; i < requiredElements.length; i++) {\n      //if there is only one invalid option, return false\n      if ('reportValidity' in requiredElements[i] && !requiredElements[i].reportValidity()) {\n        pass = false;\n      }\n    }\n    return pass;\n  }\n\n  /**\n   * Return true if there is any out of stock options are selected and vise versa.\n   * */\n  @Method()\n  async hasOutOfStockOption() {\n    return this.selectedOptions.some(option => option.is_out) || (this.selectedSkus?.length && this.selectedSkus?.every(sku => this.outSkus.includes(sku)));\n  }\n\n  /**\n   * Get selected options.\n   * */\n  @Method()\n  async getSelectedOptions() {\n    return this.selectedOptions;\n  }\n\n  /**\n   * Get a specific option by its id.\n   * */\n  @Method()\n  async getOption(option_id) {\n    return this.optionsData.find(option => option.id === option_id);\n  }\n\n  /**\n   * An event that emitted when any option is changed.\n   */\n  @Event() changed: EventEmitter;\n\n  // @ts-ignore\n  private invalidHandler(event, option: Option) {\n    const closestProductOption = (event.target as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n    if (!salla.url.is_page('cart')) {\n      closestProductOption.scrollIntoView({behavior: 'smooth', block: 'center'});\n    }\n    closestProductOption.classList.add('s-product-options-option-error');\n  }\n\n  private changedHandler(event, option) {\n    let data = {event: event, option: option, detail: null};\n    if (option.details) {\n      let detail = option.details.find((detail) => {\n        return Number(detail.id) === Number(event.target.value);\n      });\n      data.detail = detail\n    }\n\n    let optionElement = event.target.closest('.s-product-options-option');\n    if (event.target.value\n      || ((option.type == DisplayType.FILE || option.type == DisplayType.IMAGE) && event.type === 'added')\n      || (option.type == DisplayType.MAP && event.type === 'selected' && (event.target.lat && event.target.lng))) {\n      setTimeout(() => {\n        optionElement.classList.remove('s-product-options-option-error');\n      }, 200);\n    }\n\n    const index = this.selectedOptions.findIndex(option => option.option_id === data.option.id);\n    index > -1 ? this.selectedOptions[index] = {\n      ...data.detail,\n      option_id: data.option.id\n    } : this.selectedOptions.push({...data.detail, option_id: data.option.id})\n\n    this.setSelectedSkus();\n    this.handleRequiredMultipleOptions(option);\n    this.changed.emit(data);\n    salla.event.emit('product-options::change', data);\n  }\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    salla.log(`Couldn't find options type(${option.type})😢`);\n    return '';\n  }\n\n  protected getOptionShownWhen(option: Option) {\n    return option.visibility_condition\n      ? {\"data-show-when\": `options[${option.visibility_condition.option}] ${option.visibility_condition.operator} ${option.visibility_condition.value}`}\n      : {};\n  }\n\n  //we need the cart Id for productOption Image\n  componentWillLoad() {\n    this.outOfStockText = salla.lang.get('pages.products.out_of_stock')\n    return salla.api.cart.getCurrentCartId();\n  }\n\n  render() {\n    if (this.optionsData?.length == 0) {\n      return;\n    }\n\n    return (\n      <Host class=\"s-product-options-wrapper\">\n        {/* TODO:: move salla-conditional-field logic to here, no need of another component*/}\n        <salla-conditional-fields>\n          {this.optionsData.map((option: Option) =>\n            <div class={`s-product-options-option-container${option.visibility_condition ? ' hidden' : ''}`}\n                 data-option-id={option.id}\n                 {...this.getOptionShownWhen(option)}>\n              {option.name == 'splitter' ?\n                this.splitterOption()\n                : <div class=\"s-product-options-option\" data-option-type={option.type}\n                       data-option-required={`${option.required}`}>\n                  <label htmlFor={'options[' + option.id + ']'} class=\"s-product-options-option-label\">\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\">\n                    {this.getDisplayForType(option)}\n                  </div>\n                </div>}\n            </div>\n          )}\n        </salla-conditional-fields>\n      </Host>\n    );\n\n  }\n\n  //@ts-ignore\n  private donationOption(option: Option, product: Product) {\n    return <div class=\"s-product-options-donation-wrapper\">\n      {\n        option.donation ?\n          <div class=\"s-product-options-donation-progress\">\n            <salla-progress-bar donation={option.donation}>\n            </salla-progress-bar>\n          </div>\n          : ''\n      }\n      <div class=\"s-product-options-donation-input-group\">\n        <input\n          type=\"text\"\n          id=\"donating-amount\"\n          name=\"donating_amount\"\n          class=\"s-form-control\"\n          value={option.value}\n          required\n          placeholder={option.placeholder}\n          onInput={e => salla.helpers.inputDigitsOnly(e.target)}\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    </div>\n  }\n\n  private fileUploader(option: Option, additions: Object | null = null) {\n    return <salla-file-upload\n      {...(additions || {})}\n      payload-name=\"file\"\n      value={option.value}\n      instant-upload={true}\n      name={`options[${option.id}]`}\n      required={option.required}\n      height=\"120px\"\n      onAdded={(e) => this.changedHandler(e, option)}\n      url={salla.cart.api.getUploadImageEndpoint()}\n      form-data={{cart_item_id: this.productId, product_id: this.productId}}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      class={{\"s-product-options-image-input\": true, required: option.required}}\n    >\n      <div class=\"s-product-options-filepond-placeholder\">\n        <span class=\"s-product-options-filepond-placeholder-icon\"\n              innerHTML={(additions as any).accept && (additions as any).accept.split(',').every(type => type.includes('image'))\n                ? CameraIcon\n                : FileIcon}\n        />\n        <p class=\"s-product-options-filepond-placeholder-text\">{salla.lang.get('common.uploader.drag_and_drop')}</p>\n        <span class=\"filepond--label-action\">{salla.lang.get('common.uploader.browse')}</span>\n      </div>\n    </salla-file-upload>\n  }\n\n  //@ts-ignore\n  private imageOption(option: Option) {\n    return this.fileUploader(option, {accept: 'image/png,image/jpeg,image/jpg,image/gif'});\n  }\n\n  //@ts-ignore\n  private fileOption(option: Option) {\n    let types = option.details.map(detail => this.fileTypes[detail.name]).filter(Boolean);\n    return types?.length\n      ? this.fileUploader(option, {accept: types.join(',')})\n      : 'File types not selected.';\n  }\n\n  // TODO: (ONLY FOR TESTING!) find a better way to make it testable, e.g. wrap it with a unique class like textOption\n  //@ts-ignore\n  private numberOption(option: Option) {\n    return <input\n      type=\"text\"\n      value={option.value}\n      class=\"s-form-control\"\n      required={option.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        class='s-form-control'\n        required={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          class=\"s-form-control\"\n          required={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.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.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.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.required}\n        name={`options[${option.id}]`}\n        maxDate={option.to_date_time}\n        minDate={option.from_date_time}\n        onInvalidInput={(e) => this.invalidHandler(e, option)}\n        onPicked={e => this.changedHandler(e, option)}/>\n    </div>\n  }\n\n  /**\n   * ============= Advanced options =============\n   */\n  protected getOptionDetailName(detail: Detail, outOfStock: boolean = true, optionType?: string) {\n    if (optionType && optionType == DisplayType.COLOR) {\n      return detail.name\n        + ((outOfStock && this.isOptionDetailOut(detail)) ? ` <br/> <p> ${this.outOfStockText} </p>` : '')\n        + (detail.additional_price ? ` <p> (${salla.money(detail.additional_price)}) </p>` : '');\n    }\n\n    return detail.name\n      + ((outOfStock && this.isOptionDetailOut(detail)) ? ` - ${this.outOfStockText}` : '')\n      + (detail.additional_price ? ` (${salla.money(detail.additional_price)})` : '');\n  }\n\n\n  protected isOptionDetailOut(detail: Detail) {\n    if (detail.is_out || !detail.skus_availability || !this.selectedSkus?.length) {\n      return detail.is_out;\n    }\n\n    let isDetailSelected = this.selectedOptions.filter(option => option.id == detail.id).length;\n    //if the current options is the only selected option, so we are sure that it's not out, because there is no other options selected yet\n    if (isDetailSelected && this.selectedOptions.length == 1) {\n      return false;\n    }\n\n    //if current details has sku in the possible outSkus it's out for sure\n    if (isDetailSelected) {\n      //here we will get the possible outSkus for current selected options\n      let outSelectableSkus = this.selectedSkus.filter(sku => this.outSkus.includes(sku));\n      return Object.keys(detail.skus_availability).some(sku => outSelectableSkus.includes(Number(sku)))\n    }\n\n    return this.selectedOptions.some(option => option.is_out && option.option_id !== detail.option_id)\n\n  }\n\n  private singleOption(option: Option) {\n    return <div>\n      <select name={`options[${option.id}]`}\n              required={option.required}\n              class=\"s-form-control\"\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              onChange={e => this.changedHandler(e, option)}>\n        <option value=\"\">{option.placeholder}</option>\n        {\n          option?.details.map((detail: Detail) => {\n            return <option value={detail.id} disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n                           selected={detail.is_selected}>\n              {this.getOptionDetailName(detail)}\n            </option>\n          })\n        }\n      </select>\n    </div>\n  }\n\n  private multipleOptions(option: Option) {\n    return <div class={{\"s-product-options-multiple-options-wrapper\": true, 'required': option.required}}>\n      {\n        option?.details.map((detail: Detail) => {\n          return <div>\n            <input type=\"checkbox\"\n                   value={detail.id}\n                   disabled={this.isOptionDetailOut(detail)}\n                   checked={detail.is_selected}\n                   required={option.required}\n                   name={`options[${option.id}][]`}\n                   id={`field-${option.id}-${detail.id}`}\n                   onChange={(e) => this.changedHandler(e, option)}\n                   onInvalid={(e) => this.invalidHandler(e, option)}\n                   aria-describedby={`options[${option.id}]-description`}/>\n            <label htmlFor={`field-${option.id}-${detail.id}`}>{this.getOptionDetailName(detail)}</label>\n          </div>\n        })\n      }\n    </div>\n  }\n\n  //@ts-ignore\n  private colorOption(option: Option) {\n    return <fieldset class=\"s-product-options-colors-wrapper\">\n      {\n        option?.details.map((detail) =>\n          <div class=\"s-product-options-colors-item\">\n            <input type=\"radio\"\n                   value={detail.id}\n                   required={option.required}\n                   checked={detail.is_selected}\n                   name={`options[${option.id}]`}\n                   disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n                   id={`color-${this.productId}-${option.id}-${detail.id}`}\n                   onInvalid={(e) => this.invalidHandler(e, option)}\n                   onChange={e => this.changedHandler(e, option)}/>\n            <label htmlFor={`color-${this.productId}-${option.id}-${detail.id}`}>\n              <span style={{\"background-color\": detail.color}}/>\n              <div innerHTML={this.getOptionDetailName(detail, true, option.type)}></div>\n            </label>\n          </div>\n        )\n      }\n    </fieldset>\n  }\n\n  //@ts-ignore\n  private thumbnailOption(option: Option) {\n    return <div class=\"s-product-options-thumbnails-wrapper\">\n      {option.details.map((detail: Detail) => {\n        return <div>\n          <input type=\"radio\"\n                 value={detail.id}\n                 data-itemid={detail.id} //todo:: why need this? it's already in the value!\n                 required={option.required}\n                 checked={detail.is_selected}\n                 name={`options[${option.id}]`}\n                 data-img-id={detail.option_value}\n                 disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n                 id={`option_${this.productId}-${option.id}_${detail.id}`}\n                 onInvalid={(e) => this.invalidHandler(e, option)}\n                 onChange={(e) => this.changedHandler(e, option)}/>\n          <label htmlFor={`option_${this.productId}-${option.id}_${detail.id}`}\n                 data-img-id={detail.option_value}\n                 class=\"go-to-slide\">\n            <img data-src={detail.image} src={detail.image} title={detail.name} alt={detail.name}/>\n            <span innerHTML={CheckCircleIcon} class=\"s-product-options-thumbnails-icon\"/>\n            {this.isOptionDetailOut(detail) ?\n              [\n                <small class=\"s-product-options-thumbnails-stock-badge\">{this.outOfStockText}</small>,\n                this.canDisabled ? <div class=\"s-product-options-thumbnails-badge-overlay\"/> : '',\n              ]\n              : ''}\n          </label>\n          <p>{this.getOptionDetailName(detail, false)} </p>\n        </div>\n      })}\n    </div>\n  }\n}\n"],"mappings":"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"}