@salla.sa/twilight-components 2.13.95 → 2.13.97

package/dist/twilight/{p-a9ab9d77.entry.js.map → p-84bf4247.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DisplayType","Currency","sallaProductOptionsCss","SallaProductOptions","constructor","hostRef","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","that","_b","_a","details","forEach","Object","entries","skus_availability","filter","sku","map","push","Number","getSelectedOptionsData","selectedOptions","formData","host","getElementSallaData","key","startsWith","replace","reportValidity","requiredElements","querySelectorAll","pass","i","length","hasOutOfStockOption","some","is_out","selectedSkus","every","includes","getSelectedOptions","getOption","option_id","find","invalidHandler","closestProductOption","closest","scrollIntoView","behavior","block","classList","add","changedHandler","handleCountryOptionChange","optionElement","FILE","IMAGE","MAP","lat","lng","setTimeout","remove","index","findIndex","assign","setSelectedSkus","handleRequiredMultipleOptions","changed","keys","reduce","p","c","MULTIPLE_OPTIONS","required","optionContainer","querySelector","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","Error","outofStockSKUs","availableDigitalCardValues","op","SKU_key","stopImmediatePropagation","currentCardValue","checked","getSelectedDigitalCardOptions","selectedOption","is_selected","defaultOption","is_default","componentWillLoad","shouldSelectDefaultOption","defaultSelection","onReady","needsCartId","storage","cart","getCurrentCartId","render","Host","name","splitterOption","htmlFor","placeholder","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","disabled","selected","is_required","colorOption","style","thumbnailOption","option_value","image","src","title","alt","CheckCircleIcon","String","_c","code","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","\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, type EventEmitter, Method } from '@stencil/core';\nimport { type Option, DisplayType, type Detail } from './interfaces';\nimport CheckCircleIcon from '../../assets/svg/check.svg';\nimport CameraIcon from '../../assets/svg/camera.svg';\nimport FileIcon from '../../assets/svg/file-upload.svg';\n\n\n@Component({\n  tag: 'salla-product-options',\n  styleUrl: 'salla-product-options.scss',\n})\nexport class SallaProductOptions {\n\n  constructor() {\n    this.canDisabled = !salla.config.get('store.settings.product.notify_options_availability');\n    salla.lang.onLoaded(() => {\n      this.outOfStockText = salla.lang.get(\"pages.products.out_of_stock\");\n      this.donationAmount = salla.lang.get('pages.products.donation_amount');\n      this.selectDonationAmount = salla.lang.getWithDefault('pages.products.select_donation_amount', 'تحديد مبلغ التبرع');\n      this.selectAmount = salla.lang.getWithDefault('pages.products.select_amount', 'اختر المبلغ');\n    });\n\n    if (this.options) {\n      try {\n        this.setOptionsData(Array.isArray(this.options) ? this.options : JSON.parse(this.options));\n        return;\n      } catch (e) {\n        salla.log('Bad json passed via options prop');\n      }\n    }\n    if (!Array.isArray(this.optionsData)) {\n      salla.log('Options is not an array[] ---> ', this.optionsData);\n      this.setOptionsData([]);\n    }\n\n    if (this.productId && !salla.url.is_page('cart')) {\n      salla.api.product.getDetails(this.productId, ['options']).then(resp => this.setOptionsData(resp.data.options));\n    }\n  }\n\n  private setOptionsData(optionsData: Option[]) {\n    this.optionsData = optionsData;\n    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() availableDigitalCardValues: Detail[] = []\n\n  private outSkus: Array<string | number> = [];\n  private donationInput?: HTMLInputElement;\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   * 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, 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\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    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  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 ? ' hidden' : ''}`}\n              data-option-id={option.id}\n              {...this.getOptionShownWhen(option)}>\n              {option.name === 'splitter' ?\n                this.splitterOption()\n                : <div class={{ \"s-product-options-option\": true, \"s-product-options-option-booking\": option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\") }} data-option-type={option.type}\n                  data-option-required={`${option.required}`}>\n                  <label htmlFor={`options[${option.id}]`} class={`s-product-options-option-label ${this.hideLabel(option) ? 's-product-options-option-label-hidden' : ''}`}>\n                    <b>\n                      {option.name}\n                      {option.required && <span> * </span>} </b>\n                    <small>{option.placeholder}</small>\n                  </label>\n                  <div class={`s-product-options-option-content ${this.hideLabel(option) || (option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\")) ? 's-product-options-option-content-full-width' : ''}`}>\n                    {this.getDisplayForType(option)}\n                  </div>\n                </div>}\n            </div>\n          )}\n        </salla-conditional-fields>\n      </Host>\n    );\n\n  }\n\n  componentDidLoad() {\n    if (this.optionsData?.length === 0 && !this.optionsData.some(option => option.type === DisplayType.DONATION)) {\n      return;\n    }\n    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={`donation-option-${i}`} type=\"radio\" name=\"donating_option\" checked={detail.is_selected} value={detail.additional_price} onChange={e => this.handleDonationOptions(e, detail, 'option')} />\n                <label htmlFor={`donation-option-${i}`}>\n                  <span>{salla.money(detail.name)}</span>\n                </label>\n              </div>\n            )}\n            {option.donation?.custom_amount_enabled ?\n              <div class=\"s-product-options-donation-options-item\">\n                <input id={\"donation-option-custom\"} type=\"radio\" name=\"donating_option\" value=\"custom\" onChange={e => this.handleDonationOptions(e, 'custom', 'option')} />\n                <label htmlFor={\"donation-option-custom\"}>\n                  <span> {this.selectDonationAmount} </span>\n                </label>\n              </div>\n              : ''\n            }\n          </div>] : '',\n\n        <div 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  private singleOption(option: Option) {\n    return <div>\n      <select name={`options[${option.id}]`}\n        required={!option.visibility_condition && option.required}\n        class=\"s-form-control\"\n        onInvalid={(e) => this.invalidHandler(e, option)}\n        onChange={e => this.changedHandler(e, option)}>\n        <option value=\"\">{option.placeholder}</option>\n        {\n          option?.details.map((detail: Detail) => {\n            return <option key={detail.id} 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    const is_required = option.required && !option.details.some(detail => detail.is_selected) && !option.visibility_condition;\n    return <div class={{ \"s-product-options-multiple-options-wrapper\": true, 'required': option.required }}>\n      {\n        option?.details.map((detail: Detail) => {\n          return <div key={detail.id}>\n            <input type=\"checkbox\"\n              value={detail.id}\n              disabled={this.isOptionDetailOut(detail)}\n              checked={detail.is_selected}\n              required={is_required}\n              name={`options[${option.id}][]`}\n              id={`field-${option.id}-${detail.id}`}\n              onChange={(e) => this.changedHandler(e, option)}\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              aria-describedby={`options[${option.id}]-description`} />\n            <label htmlFor={`field-${option.id}-${detail.id}`}>{this.getOptionDetailName(detail)}</label>\n          </div>\n        })\n      }\n    </div>\n  }\n\n  //@ts-ignore\n  private colorOption(option: Option) {\n    return <fieldset class=\"s-product-options-colors-wrapper\">\n      {\n        option?.details.map((detail) =>\n          <div class=\"s-product-options-colors-item\" key={detail.id}>\n            <input type=\"radio\"\n              value={detail.id}\n              required={!option.visibility_condition && option.required}\n              checked={detail.is_selected}\n              name={`options[${option.id}]`}\n              disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n              id={`color-${this.productId}-${option.id}-${detail.id}`}\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              onChange={e => this.changedHandler(e, option)} />\n            <label htmlFor={`color-${this.productId}-${option.id}-${detail.id}`}>\n              <span style={{ \"background-color\": detail.color }} />\n              <div innerHTML={this.getOptionDetailName(detail, true, option.type)} />\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 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={`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 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={id} 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={id}\n            required={!option.visibility_condition && option.required}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            checked={!this.ignoreDefaultCardValue && 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\">{this.outOfStockText}</div>\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        <label htmlFor={String(detail.id)} key={detail.id} class=\"s-product-options-digital-card-option\">\n          <input id={String(detail.id)} type=\"radio\" class=\"s-form-control s-product-options-digital-card-input\" value={detail.id}\n            name={`options[${option.id}]`}\n            required={!option.visibility_condition && option.required}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            onChange={e => this.changedHandler(e, option)}\n            checked={this.getSelectedDigitalCardOptions(option)?.id === detail.id && salla.url.is_page('cart')}\n\n          />\n          <div class=\"s-product-options-country-flag-wrapper\">\n            <div class={`s-product-options-country-flag flag iti__flag iti__${String(detail.code).toLocaleLowerCase()}`} />\n          </div>\n          <span >{detail.name}</span>\n        </label>\n      ))\n      }\n    </div>\n\n  }\n\n}\n"],"mappings":"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"}
+{"version":3,"names":["DisplayType","Currency","sallaProductOptionsCss","SallaProductOptions","constructor","hostRef","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","that","_b","_a","details","forEach","Object","entries","skus_availability","filter","sku","map","push","Number","getSelectedOptionsData","selectedOptions","formData","host","getElementSallaData","key","startsWith","replace","reportValidity","requiredElements","querySelectorAll","pass","i","length","hasOutOfStockOption","some","is_out","selectedSkus","every","includes","getSelectedOptions","getOption","option_id","find","invalidHandler","closestProductOption","closest","scrollIntoView","behavior","block","classList","add","changedHandler","handleCountryOptionChange","optionElement","FILE","IMAGE","MAP","lat","lng","setTimeout","remove","index","findIndex","assign","setSelectedSkus","handleRequiredMultipleOptions","changed","keys","reduce","p","c","MULTIPLE_OPTIONS","required","optionContainer","querySelector","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","Error","outofStockSKUs","availableDigitalCardValues","op","SKU_key","stopImmediatePropagation","currentCardValue","checked","getSelectedDigitalCardOptions","selectedOption","is_selected","defaultOption","is_default","componentWillLoad","shouldSelectDefaultOption","defaultSelection","onReady","needsCartId","storage","cart","getCurrentCartId","render","Host","name","splitterOption","htmlFor","placeholder","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","disabled","selected","is_required","colorOption","style","thumbnailOption","option_value","image","src","title","alt","CheckCircleIcon","String","_c","code","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","\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, type EventEmitter, Method } from '@stencil/core';\nimport { type Option, DisplayType, type Detail } from './interfaces';\nimport CheckCircleIcon from '../../assets/svg/check.svg';\nimport CameraIcon from '../../assets/svg/camera.svg';\nimport FileIcon from '../../assets/svg/file-upload.svg';\n\n\n@Component({\n  tag: 'salla-product-options',\n  styleUrl: 'salla-product-options.scss',\n})\nexport class SallaProductOptions {\n\n  constructor() {\n    this.canDisabled = !salla.config.get('store.settings.product.notify_options_availability');\n    salla.lang.onLoaded(() => {\n      this.outOfStockText = salla.lang.get(\"pages.products.out_of_stock\");\n      this.donationAmount = salla.lang.get('pages.products.donation_amount');\n      this.selectDonationAmount = salla.lang.getWithDefault('pages.products.select_donation_amount', 'تحديد مبلغ التبرع');\n      this.selectAmount = salla.lang.getWithDefault('pages.products.select_amount', 'اختر المبلغ');\n    });\n\n    if (this.options) {\n      try {\n        this.setOptionsData(Array.isArray(this.options) ? this.options : JSON.parse(this.options));\n        return;\n      } catch (e) {\n        salla.log('Bad json passed via options prop');\n      }\n    }\n    if (!Array.isArray(this.optionsData)) {\n      salla.log('Options is not an array[] ---> ', this.optionsData);\n      this.setOptionsData([]);\n    }\n\n    if (this.productId && !salla.url.is_page('cart')) {\n      salla.api.product.getDetails(this.productId, ['options']).then(resp => this.setOptionsData(resp.data.options));\n    }\n  }\n\n  private setOptionsData(optionsData: Option[]) {\n    this.optionsData = optionsData;\n    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() availableDigitalCardValues: Detail[] = []\n\n  private outSkus: Array<string | number> = [];\n  private donationInput?: HTMLInputElement;\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   * 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, 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\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    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  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 ? ' hidden' : ''}`}\n              data-option-id={option.id}\n              {...this.getOptionShownWhen(option)}>\n              {option.name === 'splitter' ?\n                this.splitterOption()\n                : <div class={{ \"s-product-options-option\": true, \"s-product-options-option-booking\": option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\") }} data-option-type={option.type}\n                  data-option-required={`${option.required}`}>\n                  <label htmlFor={`options[${option.id}]`} class={`s-product-options-option-label ${this.hideLabel(option) ? 's-product-options-option-label-hidden' : ''}`}>\n                    <b>\n                      {option.name}\n                      {option.required && <span> * </span>} </b>\n                    <small>{option.placeholder}</small>\n                  </label>\n                  <div class={`s-product-options-option-content ${this.hideLabel(option) || (option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\")) ? 's-product-options-option-content-full-width' : ''}`}>\n                    {this.getDisplayForType(option)}\n                  </div>\n                </div>}\n            </div>\n          )}\n        </salla-conditional-fields>\n      </Host>\n    );\n\n  }\n\n  componentDidLoad() {\n    if (this.optionsData?.length === 0 && !this.optionsData.some(option => option.type === DisplayType.DONATION)) {\n      return;\n    }\n    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={`donation-option-${i}`} type=\"radio\" name=\"donating_option\" checked={detail.is_selected} value={detail.additional_price} onChange={e => this.handleDonationOptions(e, detail, 'option')} />\n                <label htmlFor={`donation-option-${i}`}>\n                  <span>{salla.money(detail.name)}</span>\n                </label>\n              </div>\n            )}\n            {option.donation?.custom_amount_enabled ?\n              <div class=\"s-product-options-donation-options-item\">\n                <input id={\"donation-option-custom\"} type=\"radio\" name=\"donating_option\" value=\"custom\" onChange={e => this.handleDonationOptions(e, 'custom', 'option')} />\n                <label htmlFor={\"donation-option-custom\"}>\n                  <span> {this.selectDonationAmount} </span>\n                </label>\n              </div>\n              : ''\n            }\n          </div>] : '',\n\n        <div 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  private singleOption(option: Option) {\n    return <div>\n      <select name={`options[${option.id}]`}\n        required={!option.visibility_condition && option.required}\n        class=\"s-form-control\"\n        onInvalid={(e) => this.invalidHandler(e, option)}\n        onChange={e => this.changedHandler(e, option)}>\n        <option value=\"\">{option.placeholder}</option>\n        {\n          option?.details.map((detail: Detail) => {\n            return <option key={detail.id} 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    const is_required = option.required && !option.details.some(detail => detail.is_selected) && !option.visibility_condition;\n    return <div class={{ \"s-product-options-multiple-options-wrapper\": true, 'required': option.required }}>\n      {\n        option?.details.map((detail: Detail) => {\n          return <div key={detail.id}>\n            <input type=\"checkbox\"\n              value={detail.id}\n              disabled={this.isOptionDetailOut(detail)}\n              checked={detail.is_selected}\n              required={is_required}\n              name={`options[${option.id}][]`}\n              id={`field-${option.id}-${detail.id}`}\n              onChange={(e) => this.changedHandler(e, option)}\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              aria-describedby={`options[${option.id}]-description`} />\n            <label htmlFor={`field-${option.id}-${detail.id}`}>{this.getOptionDetailName(detail)}</label>\n          </div>\n        })\n      }\n    </div>\n  }\n\n  //@ts-ignore\n  private colorOption(option: Option) {\n    return <fieldset class=\"s-product-options-colors-wrapper\">\n      {\n        option?.details.map((detail) =>\n          <div class=\"s-product-options-colors-item\" key={detail.id}>\n            <input type=\"radio\"\n              value={detail.id}\n              required={!option.visibility_condition && option.required}\n              checked={detail.is_selected}\n              name={`options[${option.id}]`}\n              disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n              id={`color-${this.productId}-${option.id}-${detail.id}`}\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              onChange={e => this.changedHandler(e, option)} />\n            <label htmlFor={`color-${this.productId}-${option.id}-${detail.id}`}>\n              <span style={{ \"background-color\": detail.color }} />\n              <div innerHTML={this.getOptionDetailName(detail, true, option.type)} />\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 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={`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 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={id} 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={id}\n            required={!option.visibility_condition && option.required}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            checked={!this.ignoreDefaultCardValue && 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        <label htmlFor={String(detail.id)} 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={String(detail.id)} type=\"radio\" class=\"s-form-control s-product-options-digital-card-input\" value={detail.id}\n            name={`options[${option.id}]`}\n            required={!option.visibility_condition && option.required}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            onChange={e => this.changedHandler(e, option)}\n            checked={this.getSelectedDigitalCardOptions(option)?.id === detail.id && salla.url.is_page('cart')}\n\n          />\n          <div class=\"s-product-options-country-flag-wrapper\">\n            <div class={`s-product-options-country-flag flag iti__flag iti__${String(detail.code).toLocaleLowerCase()}`} />\n          </div>\n          <span >{detail.name}</span>\n        </label>\n      ))\n      }\n    </div>\n\n  }\n\n}\n"],"mappings":"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"}