npm - @salla.sa/twilight-components - Versions diffs - 2.11.120 → 2.11.121 - Mend

@salla.sa/twilight-components 2.11.120 → 2.11.121

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/dist/twilight/p-9b7e7499.entry.js.map DELETED Viewed

@@ -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?.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 //@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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"}