@salla.sa/twilight-components 2.11.86 → 2.11.88

package/dist/collection/components/salla-product-options/salla-product-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-product-options.js","sourceRoot":"","sources":["../../../src/components/salla-product-options/salla-product-options.tsx"],"names":[],"mappings":"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","sourcesContent":["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(JSON.parse(this.options));\n        return;\n      } catch (e) {\n        salla.log('Bad json passed via options prop');\n      }\n    }\n    if (!Array.isArray(this.optionsData)) {\n      salla.log('Options is not an array[] ---> ', this.optionsData);\n      this.setOptionsData([]);\n    }\n\n    if (this.productId && !salla.url.is_page('cart')) {\n      salla.api.product.getDetails(this.productId, ['options']).then(resp => this.setOptionsData(resp.data.options));\n    }\n  }\n\n  private setOptionsData(optionsData: Option[]) {\n    this.optionsData = optionsData;\n    let that = this\n    this.optionsData[0]?.details?.forEach(function (detail) {\n      Object.entries(detail.skus_availability || {})\n        .filter(sku => !sku[1])\n        .map(sku => that.outSkus.push(Number(sku[0])));\n    });\n  }\n\n\n  @Element() host: HTMLElement;\n\n  private fileTypes: Object = {\n    pdf: 'application/pdf',\n    png: 'image/png',\n    jpg: 'image/jpeg',\n    word: 'application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    exl: 'application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    txt: 'text/plain',\n  };\n\n  @State() optionsData: Option[];\n  @State() outOfStockText: string = ''\n  @State() donationAmount: string = salla.lang.get('pages.products.donation_amount')\n  @State() selectedOptions: Array<any> = [];\n  @State() canDisabled: boolean;\n  @State() selectedSkus?: Array<string | number>;\n  @State() selectedOutSkus?: Array<string | number>;\n  private outSkus: Array<string | number> = [];\n\n\n  /**\n   * The id of the product to which the options are going to be fetched for.\n   */\n  @Prop() productId: number = salla.config.get('page.id');\n\n  /**\n   * Product detail information.\n   */\n  @Prop() options: string;\n\n  /**\n   * Get the id's of the selected options.\n   * */\n  @Method()\n  async getSelectedOptionsData() {\n    let selectedOptions = {}\n    let formData = (this.host as any).getElementSallaData();\n    formData.forEach(function (value, key) {\n      key.startsWith('options[') && (selectedOptions[key.replace('options[', '').replace(']', '')] = value);\n    });\n    return selectedOptions;\n  }\n\n  /**\n   * Report options form validity.\n   * */\n  @Method()\n  async reportValidity() {\n    let requiredElements: Array<HTMLInputElement> = this.host.querySelectorAll('[required]') as any;\n    let pass = true;\n    for (let i = 0; i < requiredElements.length; i++) {\n      //if there is only one invalid option, return false\n      if ('reportValidity' in requiredElements[i] && !requiredElements[i].reportValidity()) {\n        pass = false;\n      }\n    }\n    return pass;\n  }\n\n  /**\n   * Return true if there is any out of stock options are selected and vise versa.\n   * */\n  @Method()\n  async hasOutOfStockOption() {\n    return this.selectedOptions.some(option => option.is_out) || (this.selectedSkus.length && this.selectedSkus.every(sku => this.outSkus.includes(sku)));\n  }\n\n  /**\n   * Get selected options.\n   * */\n  @Method()\n  async getSelectedOptions() {\n    return this.selectedOptions;\n  }\n\n  /**\n   * Get a specific option by its id.\n   * */\n  @Method()\n  async getOption(option_id) {\n    return this.optionsData.find(option => option.id === option_id);\n  }\n\n  /**\n   * An event that emitted when any option is changed.\n   */\n  @Event() changed: EventEmitter;\n\n  // @ts-ignore\n  private invalidHandler(event, option: Option) {\n    const closestProductOption = (event.target as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n    if (!salla.url.is_page('cart')) {\n      closestProductOption.scrollIntoView({behavior: 'smooth', block: 'center'});\n    }\n    closestProductOption.classList.add('s-product-options-option-error');\n  }\n\n  private changedHandler(event, option) {\n    let data = {event: event, option: option, detail: null};\n    if (option.details) {\n      let detail = option.details.find((detail) => {\n        return Number(detail.id) === Number(event.target.value);\n      });\n      data.detail = detail\n    }\n\n    let optionElement = event.target.closest('.s-product-options-option');\n    if (event.target.value \n      || ((option.type == DisplayType.FILE || option.type == DisplayType.IMAGE) && event.type === 'added') \n      || (option.type == DisplayType.MAP && event.type === 'selected' && (event.target.lat && event.target.lng))) {\n      setTimeout(() => {\n        optionElement.classList.remove('s-product-options-option-error');\n      }, 200);\n    }\n\n    const index = this.selectedOptions.findIndex(option => option.option_id === data.option.id);\n    index > -1 ? this.selectedOptions[index] = {\n      ...data.detail,\n      option_id: data.option.id\n    } : this.selectedOptions.push({...data.detail, option_id: data.option.id})\n\n    this.setSelectedSkus();\n    this.handleRequiredMultipleOptions(option);\n    this.changed.emit(data);\n    salla.event.emit('product-options::change', data);\n  }\n\n  /**\n   * loop throw all selected details, then get common sku, if it's only one, means we selected all of them;\n   */\n  private setSelectedSkus() {\n    this.selectedSkus = this.selectedOptions.map(detail => Object.keys(detail.skus_availability || {}))\n      .reduce((p, c) => p.filter(e => c.includes(e)))\n      .map(sku => Number(sku));\n  }\n\n  private handleRequiredMultipleOptions(option) {\n    if (option.type !== DisplayType.MULTIPLE_OPTIONS || !option.required) {\n      return;\n    }\n    const optionContainer = this.host.querySelector(`[data-option-id=\"${option.id}\"]`);\n    const hasChecked = optionContainer.querySelectorAll('input:checked').length;\n    optionContainer.querySelectorAll('input').forEach(input => input.toggleAttribute('required', !hasChecked));\n  }\n\n  private getLatLng(value, type: 'lat' | 'lng') {\n    return value\n      ? value.split(',')[type == 'lat' ? 0 : 1]\n      : '';\n  }\n\n  private getDisplayForType(option: Option) {\n    if (this[`${option.type}Option`]) {\n      return this[`${option.type}Option`](option);\n    }\n\n    if (option.type === DisplayType.COLOR_PICKER) {\n      return this.colorPickerOption(option)\n    }\n\n    if (option.type === DisplayType.MULTIPLE_OPTIONS) {\n      return this.multipleOptions(option);\n    }\n\n    if (option.type === DisplayType.SINGLE_OPTION) {\n      return this.singleOption(option);\n    }\n    salla.log(`Couldn't find options type(${option.type})😢`);\n    return '';\n  }\n\n  protected getOptionShownWhen(option: Option) {\n    return option.visibility_condition\n      ? {\"data-show-when\": `options[${option.visibility_condition.option}] ${option.visibility_condition.operator} ${option.visibility_condition.value}`}\n      : {};\n  }\n\n  //we need the cart Id for productOption Image\n  componentWillLoad() {\n    this.outOfStockText = salla.lang.get('pages.products.out_of_stock')\n    return salla.api.cart.getCurrentCartId();\n  }\n\n  render() {\n    if (this.optionsData?.length == 0) {\n      return;\n    }\n\n    return (\n      <Host class=\"s-product-options-wrapper\">\n        {/* TODO:: move salla-conditional-field logic to here, no need of another component*/}\n        <salla-conditional-fields>\n          {this.optionsData.map((option: Option) =>\n            <div class={`s-product-options-option-container${option.visibility_condition ? ' hidden' : ''}`}\n                 data-option-id={option.id}\n                 {...this.getOptionShownWhen(option)}>\n              {option.name == 'splitter' ?\n                this.splitterOption()\n                : <div class=\"s-product-options-option\" data-option-type={option.type}\n                       data-option-required={`${option.required}`}>\n                  <label htmlFor={'options[' + option.id + ']'} class=\"s-product-options-option-label\">\n                    <b>\n                      {option.name}\n                      {option.required && <span> * </span>} </b>\n                    <small>{option.placeholder}</small>\n                  </label>\n                  <div class=\"s-product-options-option-content\">\n                    {this.getDisplayForType(option)}\n                  </div>\n                </div>}\n            </div>\n          )}\n        </salla-conditional-fields>\n      </Host>\n    );\n\n  }\n\n  //@ts-ignore\n  private donationOption(option: Option, product: Product) {\n    return <div class=\"s-product-options-donation-wrapper\">\n      {\n        option.donation ?\n          <div class=\"s-product-options-donation-progress\">\n            <salla-progress-bar donation={option.donation}>\n            </salla-progress-bar>\n          </div>\n          : ''\n      }\n      <div class=\"s-product-options-donation-input-group\">\n        <input\n          type=\"text\"\n          id=\"donating-amount\"\n          name=\"donating_amount\"\n          class=\"s-form-control\"\n          value={option.value}\n          required\n          placeholder={option.placeholder}\n          onInput={e => salla.helpers.inputDigitsOnly(e.target)}\n          onBlur={e => this.changedHandler(e, option)}\n          onInvalid={(e) => this.invalidHandler(e, option)}\n        />\n        {/* value={option.value} */}\n        <span class=\"s-product-options-donation-amount-currency\">\n          {salla.config.currency(salla.config.get('user.currency_code')).symbol}\n        </span>\n      </div>\n    </div>\n  }\n\n  private fileUploader(option: Option, additions: Object | null = null) {\n    return <salla-file-upload\n      {...(additions || {})}\n      payload-name=\"file\"\n      value={option.value}\n      instant-upload={true}\n      name={`options[${option.id}]`}\n      required={option.required}\n      height=\"120px\"\n      onAdded={(e) => this.changedHandler(e, option)}\n      url={salla.cart.api.getUploadImageEndpoint()}\n      form-data={{cart_item_id: this.productId, product_id: this.productId}}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      class={{\"s-product-options-image-input\": true, required: option.required}}\n    >\n      <div class=\"s-product-options-filepond-placeholder\">\n        <span class=\"s-product-options-filepond-placeholder-icon\"\n              innerHTML={(additions as any).accept && (additions as any).accept.split(',').every(type => type.includes('image'))\n                ? CameraIcon\n                : FileIcon}\n        />\n        <p class=\"s-product-options-filepond-placeholder-text\">{salla.lang.get('common.uploader.drag_and_drop')}</p>\n        <span class=\"filepond--label-action\">{salla.lang.get('common.uploader.browse')}</span>\n      </div>\n    </salla-file-upload>\n  }\n\n  //@ts-ignore\n  private imageOption(option: Option) {\n    return this.fileUploader(option, {accept: 'image/png,image/jpeg,image/jpg,image/gif'});\n  }\n\n  //@ts-ignore\n  private fileOption(option: Option) {\n    let types = option.details.map(detail => this.fileTypes[detail.name]).filter(Boolean);\n    return types?.length\n      ? this.fileUploader(option, {accept: types.join(',')})\n      : 'File types not selected.';\n  }\n\n  //@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"]}

package/dist/collection/components/salla-product-size-guide/salla-product-size-guide.js

@@ -137,3 +137,4 @@ export class SallaProductSizeGuide {
   }; }
   static get elementRef() { return "host"; }
 }
+//# sourceMappingURL=salla-product-size-guide.js.map

package/dist/collection/components/salla-product-size-guide/salla-product-size-guide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-product-size-guide.js","sourceRoot":"","sources":["../../../src/components/salla-product-size-guide/salla-product-size-guide.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, State, Method, Element, h } from '@stencil/core';\nimport PencilRuler from \"../../assets/svg/pencil-ruler.svg\";\nexport interface SizeGuide {\n  name: string;\n  description: string;\n}\n\n/**\n * @slot header - The upper section of the component.Empty by default.\n * @slot footer - The bottom section of the component.Empty by default.\n */\n@Component({\n  tag: 'salla-product-size-guide',\n  styleUrl: 'salla-product-size-guide.scss',\n})\nexport class SallaProductSizeGuide {\n  constructor() {\n    salla.event.on('size-guide::open', (product_id) => this.open(product_id));\n    salla.lang.onLoaded(() => {\n      this.placeholder_title = salla.lang.get('pages.products.size_guide_placeholder')\n      this.placeholder_description = salla.lang.get('pages.products.size_guide_placeholder_info')\n      this.modal_title = salla.lang.get('pages.products.size_guides');\n    })\n  }\n  private modal: HTMLSallaModalElement;\n  @State() guides: Array<SizeGuide> | [];\n  @State() productId: number;\n\n  @State() placeholder_title: string;\n  @State() placeholder_description: string;\n  @State() modal_title: string;\n  @State() hasError: boolean = false;\n\n  @Element() host: HTMLElement;\n  /**\n   * Show the size-guide modal window\n   */\n  @Method()\n  async open(product_id: number) {\n    this.modal.setTitle(this.modal_title)\n    this.modal.open()\n    return await salla.api.withoutNotifier(() => salla.product.getSizeGuides(product_id))\n      .then((response) => {\n        this.guides = response.data;\n      })\n      .catch(e => {\n        console.log(e)\n        this.hasError = true;\n        this.placeholder_description = e.response?.data?.error?.message || e.response?.data;\n      })\n      .finally(() => this.modal.stopLoading())\n  }\n  /**\n   *\n   * Hide the size-guide modal window\n   */\n  @Method()\n  async close() {\n    return this.modal.close();\n  }\n  private showPlaceholder() {\n    return <salla-placeholder alignment=\"center\" iconSize=\"xl\">\n      <div slot=\"title\">\n        {this.placeholder_title}\n      </div>\n      <div slot=\"description\">\n        {this.placeholder_description}\n      </div>\n    </salla-placeholder>\n  }\n  render() {\n    return (\n      <salla-modal class=\"s-product-size-guide-wrapper\" id='salla-product-size-guide-modal' isLoading={true} has-skeleton width=\"md\" ref={modal => this.modal = modal}>\n        <span slot='icon' class=\"s-product-size-guide-header-icon\" innerHTML={PencilRuler}></span>\n        <div slot=\"loading\">\n          <div class=\"s-product-size-guide-skeleton\">\n            <salla-skeleton height='15px' width='25%'></salla-skeleton>\n\n            <div class=\"s-product-size-guide-skeleton-header\">\n              <salla-skeleton height='40px'></salla-skeleton>\n              <salla-skeleton height='40px'></salla-skeleton>\n              <salla-skeleton height='40px'></salla-skeleton>\n              <salla-skeleton height='40px'></salla-skeleton>\n            </div>\n            <div class=\"s-product-size-guide-skeleton-content\">\n              <salla-skeleton height='15px' width='25%'></salla-skeleton>\n              <salla-skeleton height='10px' width='75%'></salla-skeleton>\n              <salla-skeleton height='10px' width='50%'></salla-skeleton>\n              <salla-skeleton height='10px' width='75%'></salla-skeleton>\n              <salla-skeleton height='10px' width='100%'></salla-skeleton>\n              <salla-skeleton height='10px' width='25%'></salla-skeleton>\n              <salla-skeleton height='10px' width='60%'></salla-skeleton>\n              <salla-skeleton height='10px' width='45%'></salla-skeleton>\n              <salla-skeleton height='10px' width='30%'></salla-skeleton>\n            </div>\n\n\n          </div>\n        </div>\n        <slot name=\"header\" />\n        {!this.hasError && !!this.guides ?\n          [\n            <salla-tabs>\n              {this.guides.map((guide: SizeGuide) =>\n                <salla-tab-header slot=\"header\" name={guide.name}>\n                  <span>{guide.name}</span>\n                </salla-tab-header>\n              )}\n              {this.guides.map((guide: SizeGuide) =>\n                <salla-tab-content slot=\"content\" name={guide.name}>\n                  <div innerHTML={guide.description}></div>\n                </salla-tab-content>\n              )}\n            </salla-tabs>\n          ]\n          : this.showPlaceholder()\n        }\n        <slot name=\"footer\" />\n      </salla-modal>\n    );\n  }\n}\n"]}

package/dist/collection/components/salla-progress-bar/salla-progress-bar.js

@@ -233,3 +233,4 @@ export class SallaProgressBar {
     }
   }; }
 }
+//# sourceMappingURL=salla-progress-bar.js.map

package/dist/collection/components/salla-progress-bar/salla-progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-progress-bar.js","sourceRoot":"","sources":["../../../src/components/salla-progress-bar/salla-progress-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { Donation } from \"../salla-product-options/interfaces\";\n\n@Component({\n  tag: 'salla-progress-bar',\n  styleUrl: 'salla-progress-bar.scss',\n})\nexport class SallaProgressBar {\n\n  constructor() {\n    try {\n      if (this.donation) {\n        let donationJson = typeof this.donation == 'string' ? JSON.parse(this.donation) : this.donation;\n        if (donationJson.can_donate) {\n          this.value = donationJson.collected_amount;\n          this.target = donationJson.target_amount;\n          this.header = salla.lang.get('pages.products.target');\n          this.message = donationJson.target_end_date == '0000-00-00' ? '' : salla.lang.get('pages.products.donation_target_date') + ' ' + donationJson.target_end_date;\n        } else {\n          this.message = donationJson.target_message;\n        }\n      }\n    } catch (e) {\n      salla.log('Wrong donation json');\n    }\n\n    salla.lang.onLoaded(() => {\n      this.header = this.header?.replace('pages.products.target', salla.lang.get('pages.products.target'))\n      this.message = this.message?.replace('pages.products.donation_target_date', salla.lang.get('pages.products.donation_target_date'))\n    });\n\n    salla.onReady(() => {\n      this.color = this.color || salla.config.get('theme.color.primary', \"#ffd5c4\")\n      if (!this.unit) {\n        this.unit = salla.config.currency().symbol;\n      }\n    })\n  }\n\n  /**\n   * You can just pass the donation as json string ex: `{\"target_message\":null,\"target_date\":\"2023-04-18\",\"target_end_date\":\"2023-04-18\",\"target_amount\":400,\"collected_amount\":380,\"can_donate\":true}`\n   */\n  @Prop() donation: string | Donation;\n  /**\n   * The goal of the progress bar\n   */\n  @Prop({ mutable: true }) target: number;\n\n  /**\n   * The progress so far as of the goal.\n   */\n  @Prop({ mutable: true }) value: number;\n  \n  \n  /**\n   * Set height for the wrapper.\n   */\n  @Prop({ mutable: true }) height: string = \"10px\";\n\n  /**\n   * Big Title, before the progress bar.\n   */\n  @Prop({ mutable: true }) header: string;\n\n  /**\n   * Stripped effect for tje progress bar.\n   */\n  @Prop({ mutable: true }) stripped: boolean;\n\n  /**\n   * Subtitle under the progress bar or instead of it if the target not being set.\n   */\n  @Prop({ mutable: true }) message: string;\n\n  /**\n   * The unite to be added after the numbers, defaults to: `salla.config.currency().symbol`\n   */\n  @Prop({ mutable: true }) unit: string;\n\n  /**\n   * Progress bar color, defaults to: `salla.config.get('theme.color.primary', \"#ffd5c4\")`\n   */\n  @Prop({ mutable: true }) color: string;\n\n  private getPercentage(): number {\n    return (this.value / this.target) * 100;\n  }\n\n  render() {\n    if (!this.target && !this.message) {\n      return '';\n    }\n\n    return (\n      <div class=\"s-progress-bar-container\">\n        {this.header ? <div class=\"s-progress-bar-header\">{this.header}</div> : ''}\n        {this.getProgressBar()}\n        {this.message ? <span class=\"s-progress-bar-message\">{this.message}</span> : ''}\n      </div>\n    );\n  }\n\n  private getProgressBar() {\n    return this.target ? [\n      <div class=\"s-progress-bar-target-section\">\n        <span>{salla.helpers.number(this.value)} {this.unit}</span>\n        <span>{salla.helpers.number(this.target)} {this.unit}</span>\n      </div>,\n      <div class=\"s-progress-bar-wrapper\" style={{ 'height': this.height }}>\n        <div class={{ \"s-progress-bar-progress\": true, 's-progress-bar-progress-stripped': this.stripped }}\n          style={{ 'width': `${this.getPercentage()}%`, 'background-color': this.color }}>\n        </div>\n      </div>\n    ] : '';\n  }\n\n}\n"]}

package/dist/collection/components/salla-quantity-input/salla-quantity-input.js

@@ -166,3 +166,4 @@ export class SallaQuantityInput {
       "methodName": "watchPropHandler"
     }]; }
 }
+//# sourceMappingURL=salla-quantity-input.js.map

package/dist/collection/components/salla-quantity-input/salla-quantity-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-quantity-input.js","sourceRoot":"","sources":["../../../src/components/salla-quantity-input/salla-quantity-input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Host, State, Watch, h, Method } from '@stencil/core';\nimport Add from \"../../assets/svg/add.svg\";\nimport Minus from \"../../assets/svg/minus.svg\";\nimport Helper from '../../Helpers/Helper';\n\n@Component({\n  tag: 'salla-quantity-input',\n  styleUrl: 'salla-quantity-input.scss'\n})\nexport class SallaQuantityInput {\n\n  @Element() host: HTMLElement;\n\n  private hostAttributes: any = {};\n  private hasIncrementSlot: boolean = false;\n  private hasDecrementSlot: boolean = false;\n  private textInput: any;\n\n  private didLoaded: boolean = false;\n\n  @State() quantity: number = 1;\n\n  /**\n   * Workaround to fire change event for the input.\n   */\n  @Watch('quantity')\n  watchPropHandler() {\n    if (!this.didLoaded) {\n      return;\n    }\n\n    Helper.debounce(() => salla.document.event.fireEvent(this.textInput, 'change', { 'bubbles': true }));\n  }\n\n  componentWillLoad() {\n    this.quantity = parseInt(this.host.getAttribute('value')) || 1;\n    this.hasIncrementSlot = !!this.host.querySelector('[slot=\"increment-button\"]');\n    this.hasDecrementSlot = !!this.host.querySelector('[slot=\"decrement-button\"]');\n  }\n\n  componentDidLoad() {\n    this.didLoaded = true;\n    this.textInput.addEventListener('input', (event) => salla.helpers.inputDigitsOnly(event.target));\n  }\n\n  private getInputAttributes() {\n    for (let i = 0; i < this.host.attributes.length; i++) {\n      if (!['id', 'value', 'min', 'class'].includes(this.host.attributes[i].name)) {\n        this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;\n      }\n    }\n\n    return this.hostAttributes;\n  }\n\n  /**\n   * decrease quantity by one.\n   * @return HTMLSallaQuantityInputElement\n   */\n  @Method()\n  async decrease() {\n    return this.setValue(this.quantity - 1);\n  }\n\n  /**\n   * increase quantity by one.\n   * @return HTMLSallaQuantityInputElement\n   */\n  @Method()\n  async increase() {\n    return this.setValue(Number(this.quantity) + 1);\n  }\n\n  /**\n   * set quantity by one.\n   * @return HTMLSallaQuantityInputElement\n   */\n  @Method()\n  async setValue(value) {\n    let maxQuantity = parseInt(this.host.getAttribute('max'));\n    if (maxQuantity && value > maxQuantity) {\n      value = maxQuantity;\n    }\n    if (value <= 1) {\n      value = 1;\n    }\n    this.quantity = value;\n    return this.host;\n  }\n\n  render() {\n    return (\n      <Host class=\"s-quantity-input\">\n        <div class=\"s-quantity-input-container\">\n          <button onClick={() => this.increase()} class=\"s-quantity-input-increase-button s-quantity-input-button\" type=\"button\">\n            {!this.hasIncrementSlot ? <span innerHTML={Add}></span> : ''}\n            <slot name=\"increment-button\" />\n          </button>\n          <input class=\"s-quantity-input-input\" {...this.getInputAttributes()}\n            ref={(el) => this.textInput = el as HTMLInputElement}\n            onInput={(event: any) => this.setValue(event.target.value)}\n            min=\"1\"\n            value={this.quantity} />\n          <button class=\"s-quantity-input-decrease-button s-quantity-input-button\" onClick={() => this.decrease()} type=\"button\">\n            {!this.hasDecrementSlot ? <span innerHTML={Minus}></span> : ''}\n            <slot name=\"decrement-button\" />\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/salla-quick-buy/salla-quick-buy.js

@@ -143,7 +143,7 @@ export class SallaQuickBuy {
             this.currency = response.data.base_currency_price.currency;
           });
         }
-        let isNotIframe = window.self !== window.top;
+        let isNotIframe = window.self === window.top;
         this.isApplePayActive = isNotIframe && ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePayments())
           && ((_b = salla.config.get('store.settings.payments')) === null || _b === void 0 ? void 0 : _b.includes('apple_pay'));
         let applePaySdk = document.getElementById('apple-pay-sdk');
@@ -319,3 +319,4 @@ export class SallaQuickBuy {
   }; }
   static get elementRef() { return "host"; }
 }
+//# sourceMappingURL=salla-quick-buy.js.map

package/dist/collection/components/salla-quick-buy/salla-quick-buy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-quick-buy.js","sourceRoot":"","sources":["../../../src/components/salla-quick-buy/salla-quick-buy.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Host, h, Prop, State, Element} from '@stencil/core';\nimport FullWallet from '../../assets/svg/full-wallet.svg';\nimport \"@salla.sa/applepay/src/index\";\n\n@Component({\n  tag: 'salla-quick-buy',\n  styleUrl: 'salla-quick-buy.scss',\n})\nexport class SallaQuickBuy {\n  constructor() {\n    salla.lang.onLoaded(() => {\n      this.quickBuy = salla.lang.get('pages.products.buy_now');\n    });\n  }\n\n  @Element() host: HTMLElement;\n\n  /**\n   * Button type.\n   *\n   * @type {string}\n   * @default buy\n   **/\n  @Prop({mutable: true}) type: 'plain' | 'buy' | 'donate' | 'book' | 'pay' | 'order' = 'buy';\n\n  /**\n   * Product ID.\n   *\n   * @type {string}\n   **/\n  @Prop({mutable: true}) productId: string;\n\n  /**\n   * Product amount in base currency (SAR).\n   *\n   * @type {number}\n   * @default 0\n   **/\n  @Prop({reflect: true, mutable: true}) amount: number;\n\n  /**\n   * base currency\n   *\n   * @type {string}\n   * @default SAR\n   */\n  @Prop({mutable: true}) currency: string;\n\n  /**\n   * Product options, if is empty will get the data from the document.querySelector('salla-product-options[product-id=\"X\"]')\n   *\n   * @type {object}\n   * @default {}\n   */\n  @Prop() options = {};\n\n  /**\n   * To be passed to purchaseNow request\n   * @type {boolean}\n   **/\n  @Prop({mutable: true}) isRequireShipping: boolean;\n\n  @State() isApplePayActive: boolean;\n\n  @State() quickBuy: string = salla.lang.get('pages.products.buy_now');\n\n  private async quickBuyHandler() {\n    if (salla.config.isGuest()) {\n      // todo (low) :: find a way to re-fire the method after success\n      return salla.auth.event.dispatch('login::open');\n    }\n\n    let optionsElement = document.querySelector(`salla-product-options[product-id=\"${this.productId}\"]`) as HTMLSallaProductOptionsElement;\n\n    //make sure all the required options are selected\n    if (optionsElement && !await optionsElement.reportValidity()) {\n      return salla.error(salla.lang.get('common.messages.required_fields'));\n    }\n\n    //use this way to get quantity too\n    let data = (this.host as any).getElementSallaData();\n\n    // if the store doesn't have Apple Pay , just create a cart and then redirect to check out page\n    // @ts-ignore\n    if (!this.isApplePayActive) {\n      // return salla.product.buyNow(this.productId, data);\n      return salla.api.request('checkout/quick-purchase/' + this.productId, data, 'post')\n        .then(resp => {\n          if (resp.data.redirect) {\n            window.location.href = resp.data.redirect;\n          }\n          return resp;\n        });\n    }\n    data.is_applepay = true;\n\n    if ('append' in data) {\n      data.append('is_applepay', true);\n    }\n\n    // noinspection TypeScriptValidateJSTypes\n    salla.event.dispatch('payments::apple-pay.start-transaction', {\n      amount: this.amount, // 1000\n      currency: this.currency || 'SAR', // SAR\n      requiredShippingContactFields: this.isRequireShipping ? ['postalAddress'] : null,\n      shippingMethods: this.isRequireShipping ? [] : null,\n      supportedNetworks: salla.config.get('store.settings.buy_now.networks'),\n      supportedCountries: salla.config.get('store.settings.buy_now.countries'),\n      validateMerchant: {\n        url: salla.url.get('checkout/applepay/validate'),\n        onSuccess: () => {\n          return salla.api.request('checkout/quick-purchase/' + this.productId, typeof data == 'object' ? data : undefined, 'post', {}).then(response => {\n\n            // if is redirect url returned for any reason, lets redirect the user to check out\n            if (response?.data?.redirect) {\n              salla.log('🍏 Pay: create checkout success: redirect exits, go to checkout page');\n              window.location.href = response.data.redirect.url;\n              return response;\n            }\n\n            // the cart is not ready to complete apply pay session\n            if (!response?.data?.id) {\n              salla.logger.warn('🍏 Pay: create checkout success: No id, or redirect');\n              return response;\n            }\n\n            window.SallaApplePay.id = response.data.id || response.data.data.id;\n\n            salla.log('🍏 Pay: create checkout success: with id #' + window.SallaApplePay.id);\n          });\n        }\n      },\n      authorized: {\n        // submit checkout route\n        url: salla.url.get('checkout/{id}/payments/submit'),\n        onFailed: (response) => {\n          window.SallaApplePay.onCancel({}, response?.data?.error?.message || response?.data?.error?.code || salla.lang.get('pages.checkout.payment_failed'));\n        },\n        onSuccess: (response) => {\n          window.location.href = response.redirect.url;\n          salla.log('🍏 Pay: authorized Success:: redirect to thank you page, order placed');\n        }\n      },\n      shippingMethodSelected: this.isRequireShipping ? {\n        url: salla.url.get('checkout/{id}/shipping/details'),\n      } : null,\n      shippingContactSelected: this.isRequireShipping ? {\n        url: salla.url.get('checkout/{id}/address/add'),\n      } : null,\n      oncouponcodechanged: {\n        url: salla.url.get('checkout/{id}/coupons')\n      },\n      recalculateTotal: {\n        url: salla.url.get('checkout/{id}/payments/recalculate')\n      },\n      onError: function (message) {\n        salla.log(message);\n        salla.notify.error(message);\n      }\n    });\n  }\n\n  componentWillLoad() {\n    return new Promise((resolve, reject) => {\n      salla.onReady(async () => {\n\n        // if (!this.currency) {\n        //   this.currency = salla.config.get('user.currency_code');\n        // }\n\n        if (!this.productId && salla.config.get('page.id')) {\n          this.productId = salla.config.get('page.id');\n        }\n\n        if (!this.productId) {\n          salla.logger.warn('🍏 Pay: Failed load the quick buy, the product id is missing')\n          return reject()\n        }\n\n        if (!this.amount && this.productId) {\n          await salla.product.getDetails(this.productId, []).then((response) => {\n            this.amount = response.data.base_currency_price.amount;\n            this.currency = response.data.base_currency_price.currency;\n            this.isRequireShipping = response?.data?.is_require_shipping || false;\n          }).catch((error) => {\n            salla.logger.warn('🍏 Pay: Failed load the quick buy, get the product details failed: ', error)\n            return reject()\n          })\n        }\n\n        if (salla.url.is_page('product.single')) {\n          salla.product.event.onPriceUpdated(response => {\n            this.amount = response.data.base_currency_price.amount;\n            this.currency = response.data.base_currency_price.currency;\n          });\n        }\n\n        let isNotIframe=window.self === window.top;\n        this.isApplePayActive = isNotIframe && window.ApplePaySession?.canMakePayments()\n          && salla.config.get('store.settings.payments')?.includes('apple_pay');\n\n        let applePaySdk = document.getElementById('apple-pay-sdk');\n        if (applePaySdk || !this.isApplePayActive) {\n          salla.logger.warn('🍏 Pay: Skipped load apple pay because ' + (applePaySdk ? 'already loaded' : (isNotIframe?'is not available in the browser':'is iframe')))\n          resolve(true);\n          return;\n        }\n\n        const script = document.createElement('script');\n        script.src = 'https://applepay.cdn-apple.com/jsapi/v1/apple-pay-sdk.js';\n        script.setAttribute('id', 'apple-pay-sdk');\n        script.async = true;\n\n        document.body.appendChild(script);\n\n        resolve(true);\n      })\n    })\n  }\n\n  render() {\n    return <Host>{this.quickBuyButton()}</Host>\n  }\n\n  private quickBuyButton() {\n    return this.isApplePayActive\n      ? <apple-pay-button locale={salla.config.get('user.language_code')}\n                          onClick={() => this.quickBuyHandler()}\n                          data-quick-purchase=\"applepay\"\n                          class=\"s-quick-buy-apple-pay\"\n                          data-is-applepay=\"1\"\n                          buttonstyle=\"black\"\n                          type={this.type}/>\n      :\n      <salla-button onClick={() => this.quickBuyHandler()}\n                    class=\"s-quick-buy-button\"\n                    color=\"primary\"\n                    fill=\"outline\"\n                    size=\"medium\"\n                    width=\"wide\"\n                    shape=\"btn\">\n        <span innerHTML={FullWallet}/>\n        {this.quickBuy}\n      </salla-button>;\n  }\n}\n"]}

package/dist/collection/components/salla-quick-order/salla-quick-order.js

@@ -437,3 +437,4 @@ export class SallaQuickOrder {
     }]; }
   static get elementRef() { return "host"; }
 }
+//# sourceMappingURL=salla-quick-order.js.map

package/dist/collection/components/salla-quick-order/salla-quick-order.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-quick-order.js","sourceRoot":"","sources":["../../../src/components/salla-quick-order/salla-quick-order.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Host, h, Prop, State, Event, EventEmitter, Element} from '@stencil/core';\nimport CelebrationIcon from '../../assets/svg/party-horn.svg';\nimport PortraitIcon from '../../assets/svg/portrait.svg';\nimport IphoneXIcon from '../../assets/svg/iphone-x.svg';\nimport MailIcon from '../../assets/svg/mail.svg';\nimport {CartRequest, QuickOrderSetting} from '@salla.sa/twilight/types/api/cart';\nimport quickOrderPayload = CartRequest.quickOrderPayload;\nimport CancelIcon from '../../assets/svg/cancel.svg';\n\n@Component({\n  tag: 'salla-quick-order',\n  styleUrl: 'salla-quick-order.scss',\n})\nexport class SallaQuickOrder {\n\n  @Element() host: HTMLElement;\n\n\n  // modal refs\n  private agreementModal: HTMLSallaModalElement;\n\n  // input refs\n  private nameInput: HTMLInputElement;\n  private emailInput: HTMLInputElement;\n  private phoneInput: HTMLSallaTelInputElement;\n  private termsInput: HTMLInputElement;\n  private submitBtn: HTMLSallaButtonElement;\n\n  /**\n   * quick order title\n   */\n  @Prop({mutable: true}) quickOrderTitle: string = 'ليش تنتظر؟';\n  /**\n   * quick order sub title\n   */\n  @Prop({mutable: true}) subTitle: string = 'احصل على المنتج مباشرة الآن';\n  /**\n   * quick order pay button text\n   */\n  @Prop({mutable: true}) payButtonTitle: string = 'اطلب المنتج';\n  /**\n   * quick order confirm pay button text\n   */\n  @Prop({mutable: true}) confirmPayButtonTitle: string = 'اشتر الآن';\n  /**\n   * agreement text from server or from props\n   */\n  @Prop({mutable: true}) agreementText: string = salla.lang.get(\n    'pages.checkout.show_full_agreement'\n  );\n  /**\n   * is email required\n   */\n  @Prop({mutable: true}) isEmailRequired: boolean = false;\n  /**\n   * product id local or from page\n   */\n  @Prop({mutable: true}) productId: string;\n\n  /**\n   * product id local or from page\n   */\n  @Prop({mutable: true}) thanksMessage: string;\n\n  /**\n   * Quick Order Style\n   */\n  @Prop({mutable: true}) quickOrderStyle: 'gray' | 'white' | 'default' = 'default';\n\n  /*\n   * states\n   */\n\n  @State() user: any;\n  @State() isAvailable: boolean = false;\n  @State() oneClick: boolean = false;\n  @State() expanded: boolean = false;\n  @State() isTermsRequired: boolean = false;\n  @State() countryCode: string = salla.config.get('user.country_code', 'SA') || 'SA';\n  @State() submitSucess: boolean = false;\n  //Langugae states\n  @State() placeHolderEmail: string = salla.lang.get('common.elements.email');\n  @State() emailOptional: string = salla.lang.get('common.elements.optional');\n  @State() agreementShowText: string = salla.lang.get('pages.checkout.show_full_agreement');\n  @State() agreementModalHead: string = salla.lang.get('pages.checkout.full_agreement');\n  @State() userNameLabel: string = salla.lang.get('pages.products.your_name');\n  @State() termsChecked: boolean = false;\n\n  /**\n   * Custome DOM event emitter when order gets submitted successfully.\n   */\n  @Event() quickOrderSubmited: EventEmitter;\n\n  constructor() {\n    salla.onReady(() => {\n      this.productId = this.productId || salla.config.get('page.id');\n    })\n\n    salla.lang.onLoaded(() => {\n      this.placeHolderEmail = salla.lang.get('common.elements.email');\n      this.emailOptional = salla.lang.get('common.elements.optional');\n      this.agreementShowText = salla.lang.get('pages.checkout.show_full_agreement');\n      this.agreementModalHead = salla.lang.get('pages.checkout.full_agreement');\n      this.userNameLabel = salla.lang.get('pages.products.your_name');\n    });\n  }\n\n  private getBtnColor() {\n    return this.quickOrderStyle === 'default' ? 'light' : 'primary';\n  }\n\n  private getErrorMessage(type, name) {\n    return name == 'terms'\n      ? salla.lang.get('pages.checkout.check_agreement')\n      : salla.lang.get(`common.errors.${type}`, {attribute: name == 'name' ? this.userNameLabel : this.placeHolderEmail});\n  }\n\n  private handleInvalidInput(e) {\n    let input = e.target;\n    let validity = input.validity;\n    let errorMessage;\n    if (validity.valueMissing) {\n      errorMessage = this.getErrorMessage('field_required', input.name);\n      console.log(this.getErrorMessage('field_required', input.name));\n    } else if (validity.typeMismatch) {\n      errorMessage = this.getErrorMessage('invalid_value', input.name);\n    }\n    input.setCustomValidity(errorMessage);\n  }\n\n\n  private async setWrapperHeight() {\n    let expandable: HTMLElement = this.host.querySelector('.s-quick-order-expandable') as HTMLElement;\n    setTimeout(() => {\n      if (expandable.style.maxHeight || this.oneClick) {\n        expandable.style.maxHeight = null;\n      } else {\n        expandable.style.maxHeight = expandable.scrollHeight + \"px\";\n      }\n    }, 50);\n  }\n\n  private getDarkOrLight() {\n    return this.quickOrderStyle === 'default' && salla.config.get('theme.color.is_dark') ? 'dark' : 'light';\n  }\n\n  private getStyleColor() {\n    return {\n      gray: '#f3f3f3',\n      white: '#ffffff',\n      default: salla.config.get('theme.color.primary'),\n    }[this.quickOrderStyle] || '#f3f3f3';\n  }\n\n  async submit(e, checkOneClick: boolean = false) {\n    e.preventDefault();\n    if (checkOneClick && !this.oneClick) {\n      this.expanded = !this.expanded;\n      this.setWrapperHeight();\n      return;\n    }\n\n    return this.submitBtn.load()\n      .then(() => this.getPayload())\n      .then((payload: quickOrderPayload) => salla.api.cart.createQuickOrder(payload))\n      .then(() => {\n        setTimeout(() => {\n          this.submitBtn.stop();\n          this.submitSucess = true;\n          this.quickOrderSubmited.emit();\n        }, 200);\n      })\n      .catch(error => error && (console.error(error), this.submitBtn.stop()));\n  }\n\n  private async getPayload(): Promise<CartRequest.quickOrderPayload | Object | false> {\n    if (this.oneClick) {\n      return {\n        product_ids: [this.productId],\n        agreement: true,\n      };\n    }\n\n    return {\n      product_ids: [this.productId],\n      email: this.emailInput?.value,\n      phone: Number((await this.phoneInput?.getValues())?.phone),\n      country_code: (await this.phoneInput?.getValues())?.countryCode || this.countryCode,\n      name: this.nameInput?.value,\n      agreement: this.termsChecked,\n    };\n  }\n\n  formatAgreementText(agreement_text, length = 150) {\n    if (!agreement_text) return '';\n    if (agreement_text.length <= length) return agreement_text;\n    const parsedToDOM = new DOMParser().parseFromString(agreement_text, 'text/html');\n    return parsedToDOM.documentElement.innerText.substring(0, length) + '...';\n  }\n\n  private loadQuickOrderSettings() {\n    let data = salla.config.get('store.settings.product.quick_order');\n    if (!data) {\n      return Promise.resolve();\n    }\n\n    this.user = salla.config.get('user') || salla.storage.get('user') || {};\n    this.countryCode = this.user?.country_code || this.countryCode;\n    // make email required if user is gust or is required from server\n    this.isEmailRequired = this.user?.email ? false : this.isEmailRequired;\n    // check if one click is available\n    this.oneClick = this.user?.email;\n    this.initComponentData(data);\n    return Promise.resolve();\n\n    // return salla.api.withoutNotifier(() => salla.api.cart.getQuickOrderSettings().then(res => this.initComponentData(res.data)));\n  }\n\n  private initComponentData(data: QuickOrderSetting) {\n    this.quickOrderTitle = data.title;\n    this.subTitle = data.sub_title;\n    this.payButtonTitle = data.order_now_button;\n    this.isEmailRequired = data.is_email_required;\n    this.isTermsRequired = data.show_agreement;\n    this.agreementText = data.agreement;\n    this.confirmPayButtonTitle = data.confirm_button;\n    this.thanksMessage = data.thanks_message;\n    this.quickOrderStyle = data.style;\n    this.isAvailable = true;\n  }\n\n  componentWillLoad() {\n    return new Promise(resolve => salla.onReady(() => this.loadQuickOrderSettings().then(resolve)))\n  }\n\n  render() {\n    if (!this.isAvailable) {\n      return;\n    }\n    if (this.submitSucess) {\n      return (\n        <Host class=\"s-quick-order\">\n          <div class={'s-quick-order-confirm'} style={{\n            backgroundColor: salla.config.get('theme.color.primary') + '10',\n            borderColor: salla.config.get('theme.color.primary') + '10',\n            color: salla.config.get('theme.color.primary')\n          }}>\n            <i innerHTML={CelebrationIcon}/>\n            <span>{this.thanksMessage}</span>\n          </div>\n        </Host>\n      );\n    }\n    return (\n      <Host class={`s-quick-order s-quick-order-${this.getDarkOrLight()}`}>\n        <div class={`s-quick-order-container s-quick-order-${this.quickOrderStyle}`}\n             style={{backgroundColor: this.getStyleColor()}}>\n          <div class=\"s-quick-order-button-cont\">\n            {/*todo:: if we can remove this dom, lets do it*/}\n            <div>\n              <h3>{this.quickOrderTitle}</h3>\n              <p>{this.subTitle}</p>\n            </div>\n\n            <salla-button class={this.expanded ? \"s-quick-order-btn-close\" : \"\"} onClick={(e) => this.submit(e, true)}\n                          color={this.getBtnColor()}>\n              {this.oneClick\n                ? this.confirmPayButtonTitle : this.expanded ? <i innerHTML={CancelIcon}/> : this.confirmPayButtonTitle}\n            </salla-button>\n          </div>\n          <form onSubmit={(e) => this.submit(e)}\n                class={'s-quick-order-expandable ' + (this.expanded ? 's-quick-order-shown' : '')}>\n            {/*we don't need to show name & phone & email unless it's guest*/}\n            {Salla.config.isGuest() &&\n            [\n              <div class=\"s-form-group\">\n                <span innerHTML={PortraitIcon}/>\n                <input type=\"text\"\n                       required\n                       class=\"s-form-control\"\n                       name='name'\n                       placeholder={this.userNameLabel}\n                       ref={el => (this.nameInput = el)}\n                />\n              </div>\n              ,\n              <div class=\"s-quick-order-flex-input\">\n                <div class=\"s-form-group\">\n                  <span innerHTML={IphoneXIcon}/>\n                  <salla-tel-input ref={el => (this.phoneInput = el)}/>\n                </div>\n                <div class=\"s-form-group\">\n                  <span innerHTML={MailIcon}/>\n                  <input type=\"email\"\n                         class=\"s-form-control\"\n                         name='email'\n                         required={this.isEmailRequired}\n                         placeholder={this.placeHolderEmail + ' ' + (this.isEmailRequired ? '' : this.emailOptional)}\n                         ref={el => (this.emailInput = el)}\n                  />\n                </div>\n              </div>,\n            ]\n            }\n            {this.isTermsRequired && (\n              <label htmlFor=\"terms\" class=\"s-quick-order-terms\">\n                <input type=\"checkbox\" required name='terms' id='terms' ref={el => (this.termsInput = el)}\n                       onChange={() => (this.termsChecked = this.termsInput.checked)} class=\"s-checkbox\"/>\n                <span class=\"s-form-label\"> <div innerHTML={this.formatAgreementText(this.agreementText, 150)}>\n                  {this.agreementText.length > 150 && (\n                    <salla-button shape=\"link\" onClick={() => this.agreementModal.open()}>\n                      {this.agreementShowText}\n                    </salla-button>\n                  )}\n                </div> </span>\n              </label>\n            )}\n            {/* @ts-ignore */}\n            <salla-button type=\"submit\" color={this.getBtnColor()} width=\"wide\" ref={el => (this.submitBtn = el)}>\n              {this.payButtonTitle}\n            </salla-button>\n          </form>\n          <salla-modal modal-title={this.agreementModalHead} ref={modal => (this.agreementModal = modal)}>\n            <article innerHTML={this.agreementText}/>\n          </salla-modal>\n        </div>\n      </Host>\n    );\n  }\n\n  componentDidLoad() {\n    this.host.querySelectorAll('input').forEach(input => {\n      input.addEventListener('invalid', e => {\n        this.handleInvalidInput(e);\n      });\n      input.addEventListener('input', () => {\n          input.setCustomValidity('');\n          input.reportValidity();\n        }\n      );\n    });\n  }\n}\n"]}

package/dist/collection/components/salla-rating-modal/order-feedback-response.js

@@ -2,3 +2,4 @@
  * Crafted with ❤ by Salla
  */
 export {};
+//# sourceMappingURL=order-feedback-response.js.map

package/dist/collection/components/salla-rating-modal/order-feedback-response.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-feedback-response.js","sourceRoot":"","sources":["../../../src/components/salla-rating-modal/order-feedback-response.ts"],"names":[],"mappings":"","sourcesContent":["export default interface OrderFeedbackResponse {\n  id: number\n  store: {\n    feedback: {\n      content: string\n      rating: number\n    }\n  }\n  shipping: {\n    feedback: {\n      content: string\n      rating: number\n    }\n    company: {\n      id: number\n      name: string\n      logo: string\n    }\n  }\n  products: ProductFeedback[]\n  testimonials_enabled: boolean\n  shipping_enabled: boolean\n  products_enabled: boolean\n  thanks_message: string\n  allowed_ratings: { products_enabled: boolean, shipping_enabled: boolean, testimonials_enabled: boolean }\n}\n\nexport interface ProductFeedback {\n  feedback: {\n    content: string\n    rating: number\n    status: string\n  };\n  product: {\n    id: number\n    type: string\n    promotion: {\n      title?: string\n      sub_title?: string\n    };\n    status: string\n    is_available: boolean\n    sku: string\n    name: string\n    price: Price\n    sale_price: Price\n    currency: string\n    url: string\n    thumbnail: string\n    has_special_price: boolean\n    regular_price: Price\n    favorite: any\n  };\n}\n\ninterface Price {\n  amount: number\n  currency: string\n}\n"]}

package/dist/collection/components/salla-rating-modal/salla-rating-modal.js

@@ -281,3 +281,4 @@ export class SallaRatingModal {
   }; }
   static get elementRef() { return "host"; }
 }
+//# sourceMappingURL=salla-rating-modal.js.map

package/dist/collection/components/salla-rating-modal/salla-rating-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-rating-modal.js","sourceRoot":"","sources":["../../../src/components/salla-rating-modal/salla-rating-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Method, Element, Host, State, Prop } from '@stencil/core';\nimport OrderFeedbackResponse from \"./order-feedback-response\";\nimport Star from '../../assets/svg/star.svg';\nimport ShippingFast from \"../../assets/svg/shipping-fast.svg\";\nimport CheckCircle2 from \"../../assets/svg/check-circle2.svg\";\nimport Helper from '../../Helpers/Helper';\n\n@Component({ tag: 'salla-rating-modal', styleUrl: 'salla-rating-modal.scss' })\n\nexport class SallaRatingModal {\n  constructor() {\n    salla.event.on('rating::open', () => this.open());\n\n    salla.lang.onLoaded(() => {\n      this.translationLoaded = true;\n    });\n\n  }\n\n  @State() order: OrderFeedbackResponse | undefined;\n  @State() hasError: boolean = false;\n  @State() errorMessage: string;\n\n  private stepsCount: number = 0;\n  private nextBtn: HTMLSallaButtonElement;\n  private backBtn: HTMLButtonElement;\n  private modal: HTMLSallaModalElement;\n  private currentIndex: number = 0;\n  private currentTab: HTMLDivElement | HTMLElement;\n  private thanksTab: HTMLDivElement;\n  private body: HTMLDivElement;\n  private thanksTime: HTMLTimeElement;\n  private steps: NodeListOf<HTMLDivElement>;\n  private dots: NodeListOf<HTMLDivElement>;\n  private submitted: Array<number> = [];\n\n  /**\n   * The order id, to rate on its products & shipping\n   */\n  @Prop() orderId: number = salla.config.get('page.id');\n\n  @State() translationLoaded: boolean = false;\n\n  @Element() host: HTMLElement;\n\n  /**\n   * Show the rating modal\n   */\n  @Method()\n  async open() {\n    return this.modal.open()\n      .then(() => this.order || salla.api.withoutNotifier(() => salla.rating.api.order(this.orderId)).then(res => this.order = res.data))\n      .then(() => this.modal.setTitle(salla.lang.get('pages.rating.rate_order') + ' <span class=\"unicode\">(#' + this.order.id + ')</span>'))\n      .then(() => this.modal.stopLoading())\n      .then(() => this.stepsCount = [this.order.testimonials_enabled, this.order.products_enabled, this.order.shipping_enabled].filter(enabled => enabled).length)\n      .then(() => setTimeout(() => this.handleWizard(), 100))\n      .catch(e => {\n        this.hasError = true;\n        this.errorMessage = e.response?.data?.error?.message || e.response?.data;\n        this.modal.stopLoading()\n      })\n  }\n\n  /**\n   * Show the rating modal\n   */\n  @Method()\n  async close() {\n    return this.modal.close();\n  }\n\n\n  // handle wizard\n  private handleWizard() {\n    this.steps = this.modal.querySelectorAll(\".s-rating-modal-step\");\n    this.dots = this.modal.querySelectorAll(\".s-rating-modal-step-dot\");\n    this.showActiveStep();\n  }\n\n  private showActiveStep(current = null) {\n    this.currentTab = current || this.steps[this.currentIndex];\n    Helper.toggleClassIf('.s-rating-modal-step-dot', 's-rating-modal-bg-gray', 's-rating-modal-bg-primary', dot => dot != this.dots[this.currentIndex])\n      .toggleClassIf('.s-rating-modal-step', 's-rating-modal-active', 's-rating-modal-hidden', tab => tab == this.currentTab)\n\n    if (this.currentIndex != 0) {\n      // the animation\n      Helper.toggleElementClassIf(this.currentTab, 's-rating-modal-unactive', 's-rating-modal-hidden', () => true);\n      setTimeout(() => Helper.toggleElementClassIf(this.currentTab, 's-rating-modal-active', 's-rating-modal-unactive', () => true), 300);\n    }\n\n    // Btn text\n    let nextType = this.steps[this.currentIndex + 1]?.dataset.type;\n    this.nextBtn?.setText(nextType ? salla.lang.get('pages.rating.rate') + ' ' + salla.lang.get('pages.rating.' + nextType)\n      : salla.lang.get('pages.rating.send_ratings'));\n\n    setTimeout(() => this.body?.setAttribute('style', 'height:' + this.currentTab?.offsetHeight + 'px'));\n  }\n\n  private previousTab() {\n    this.currentIndex > 0 && this.currentIndex--;\n    Helper.toggleElementClassIf(this.backBtn, 's-rating-modal-unvisiable', 'block', () => this.currentIndex == 0);\n    this.showActiveStep();\n  }\n\n  private submit() {\n    this.submittedBefore() || this.validate();\n    salla.config.canLeave = false;\n    this.nextBtn.load()\n      .then(() => this.submittedBefore() || this.sendFeedback())\n      .then(() => this.currentTab.querySelectorAll('[name],.s-rating-modal-btn-star').forEach(el => el.setAttribute('disabled', '')))\n      .then(() => this.currentIndex < this.stepsCount && this.currentIndex++)\n      .then(() => this.showActiveStep())\n      .then(() => Helper.toggleClassIf('#prev-btn', 'block', 's-rating-modal-unvisiable', () => true))\n      .finally(() => {\n        this.nextBtn.stop();\n        salla.config.canLeave = true;\n        this.currentIndex == this.stepsCount && this.showThankYou();\n        this.modal.isClosable = false;\n      });\n  }\n\n  private submittedBefore() {\n    return this.submitted.includes(this.currentIndex);\n  }\n\n  private validate(rating = null, type = null) {\n    if (!rating && this.currentTab.dataset.type == 'products') {\n      return this.currentTab.querySelectorAll('.rating-outer-form').forEach(rating => this.validate(rating, 'product'));\n    }\n    rating = rating || this.currentTab;\n    let stars = rating.querySelector('.rating_hidden_input').value;\n    let comment: HTMLInputElement = rating.querySelector('.s-rating-modal-comment');\n    let validationMessage = rating.querySelector('.s-rating-modal-validation-msg');\n    if (stars && comment.value && comment.value.length > 3) {\n      comment.classList.remove('s-has-error');\n      validationMessage.innerHTML = '';\n      return;\n    }\n    type = type || rating['dataset'].type;\n\n    Helper.toggleElementClassIf(comment, 'save', 's-has-error', el => el.value.length > 3);\n\n    throw validationMessage.innerHTML = stars\n      ? (salla.lang.get('common.errors.not_less_than_chars', { chars: 4 }) + ' ' + comment.getAttribute('placeholder'))\n      : salla.lang.get(`pages.rating.rate_${type}_stars`).replace(' (:item)', '');\n  }\n\n  private sendFeedback() {\n    let data = {};\n    this.currentTab.querySelectorAll('[name]').forEach((input: HTMLInputElement) => {\n      //decode names like `<input name=\"jamal[inner]\" value=\"hi\">` to be {name:jamal, value: {inner:\"hi\"}}\n      let inputData = salla.helpers.inputData(input.name, input.value, data);\n      data[inputData.name] = inputData.value;\n    });\n\n    if (Object.keys(data).length == 0) {\n      return;\n    }\n    data['order_id'] = this.orderId;\n    data['type'] = this.currentTab.dataset.type;\n    this.submitted.push(this.currentIndex);\n    return salla.rating.api[this.currentTab.dataset.type](data);\n  }\n\n  private showThankYou() {\n    let seconds = 10;\n    let timeToClose = setInterval(() => {\n      this.thanksTime.innerHTML = '00:0' + (seconds--);\n      if (seconds > 0) {\n        return\n      }\n      clearInterval(timeToClose);\n      this.thanksTime.remove();\n      this.close().then(() => window.location.reload());\n    }, 1000);\n\n    this.modal.querySelector('.s-rating-modal-footer').classList.add('s-rating-modal-unvisiable');\n    this.showActiveStep(this.thanksTab);\n  }\n\n  render() {\n    return (\n      <Host class=\"s-rating-modal\">\n        <salla-modal class=\"s-rating-modal-wrap\" isLoading={true} width=\"md\" ref={modal => this.modal = modal}>\n          <div slot='loading'>\n            <div class=\"s-rating-modal-skeleton\">\n              <salla-skeleton type='circle' height='80px' width='80px'></salla-skeleton>\n              <salla-skeleton height='15px' width='60%'></salla-skeleton>\n              <salla-skeleton height='10px' width='30%'></salla-skeleton>\n              <div class=\"s-rating-modal-skeleton-stars\">\n                {[...Array(5)].map(() => <div innerHTML={Star}></div>)}\n              </div>\n              <salla-skeleton height='100px' width='100%'></salla-skeleton>\n              <div class=\"s-rating-modal-skeleton-footer\">\n                <salla-skeleton height='40px' width='30%'></salla-skeleton>\n              </div>\n            </div>\n          </div>\n          {!this.hasError && this.order\n            ? [<div class=\"s-rating-modal-wrapper\" ref={el => this.body = el}>\n              {/*Store Rating tab*/}\n              {this.order?.testimonials_enabled ?\n                <div class=\"rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden\"\n                  data-type=\"store\">\n                  <div class=\"s-rating-modal-rounded-icon\">\n                    <img src={salla.config.get('store.logo', 'https://assets.salla.sa/cp/assets/images/logo-new.png')}\n                      alt=\"store name\" class=\"s-rating-modal-store-logo\" />\n                  </div>\n                  <h2 class=\"s-rating-modal-title\">{salla.lang.get('pages.rating.rate_the_store')}</h2>\n                  <div class=\"s-rating-modal-stars-company\">\n                    <salla-rating-stars size=\"large\"></salla-rating-stars>\n                  </div>\n                  <textarea name=\"comment\" class=\"s-rating-modal-comment\"\n                    placeholder={salla.lang.get('pages.rating.write_store_rate')}></textarea>\n                  <small class=\"s-rating-modal-validation-msg\"></small>\n                </div>\n                : ''}\n\n              {/*Products tab*/}\n              {this.order.products_enabled\n                ? <section class=\"s-rating-modal-step s-rating-modal-hidden\" data-type=\"products\">\n                  {this.order.products.map((item, index) =>\n                    <div class=\"rating-outer-form s-rating-modal-product\"\n                      data-stars-error={salla.lang.get('pages.rating.rate_product_stars')}>\n                      <div class=\"s-rating-modal-product-img-wrap\">\n                        <img src={item.product.thumbnail} alt={item.product.name} class=\"s-rating-modal-product-img\" />\n                      </div>\n                      <div class=\"s-rating-modal-product-details\">\n                        <h3 class=\"s-rating-modal-product-title\"> {item.product.name}</h3>\n                        <div class=\"s-rating-modal-stars-product\">\n                          <salla-rating-stars size=\"small\" name={`products[${index}][rating]`}></salla-rating-stars>\n                        </div>\n                        <input type=\"hidden\" name={`products[${index}][product_id]`} value={item.product.id} />\n                        <textarea placeholder={salla.lang.get('pages.rating.write_product_rate')}\n                          name={`products[${index}][comment]`} class=\"s-rating-modal-comment\"></textarea>\n                        <small class=\"s-rating-modal-validation-msg\"></small>\n                      </div>\n                    </div>\n                  )}\n                </section>\n                : ''}\n\n\n              {/*Shipping tab*/}\n              {this.order.shipping_enabled\n                ? <div class=\"rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden\"\n                  data-type=\"shipping\">\n                  <input type=\"hidden\" name=\"shipping_company_id\" value={this.order.shipping.company.id} />\n                  {this.order.shipping.company.logo\n                    ? <div class=\"s-rating-modal-rounded-icon\">\n                      <img src={this.order.shipping.company.logo} class=\"s-rating-modal-shipping-logo\"\n                        alt={this.order.shipping.company.name} />\n                    </div>\n                    : <span class=\"s-rating-modal-icon\" innerHTML={ShippingFast}></span>}\n                  <div\n                    class=\"s-rating-modal-title\"> {salla.lang.get('pages.rating.rate_shipping') + ' ' + this.order.shipping.company.name}</div>\n                  <div class=\"s-rating-modal-stars-company\">\n                    <salla-rating-stars size=\"large\"></salla-rating-stars>\n                  </div>\n                  <textarea name=\"comment\" class=\"s-rating-modal-comment\"\n                    placeholder={salla.lang.get('pages.rating.write_shipping_rate')}></textarea>\n                  <small class=\"s-rating-modal-validation-msg\"></small>\n                </div>\n                : ''}\n\n              {/*Thank you tab*/}\n              <div class=\"s-rating-modal-thanks s-rating-modal-hidden\" ref={el => this.thanksTab = el}>\n                <span class=\"s-rating-modal-icon\" innerHTML={CheckCircle2}></span>\n                <h3 class=\"s-rating-modal-thanks-title\">{salla.lang.get('pages.rating.thanks')}</h3>\n                <div class=\"s-rating-modal-thanks-msg\" innerHTML={this.order.thanks_message}></div>\n                <time class=\"s-rating-modal-thanks-time\" ref={el => this.thanksTime = el}></time>\n              </div>\n\n            </div>,\n            <div class=\"s-rating-modal-footer\">\n              <button ref={el => this.backBtn = el} onClick={() => this.previousTab()}\n                class=\"s-rating-modal-btn s-rating-modal-unvisiable\">\n                {salla.lang.get('common.elements.back')}\n              </button>\n              {this.stepsCount > 1 ? <ul class=\"s-rating-modal-dots\">{[0, 1, 2].slice(0, this.stepsCount).map(() =>\n                <li class='s-rating-modal-bg-gray s-rating-modal-step-dot'></li>\n              )}</ul> : ''}\n              <salla-button loader-position='center' ref={el => this.nextBtn = el} onClick={() => this.submit()}>\n                {salla.lang.get('common.elements.next')}\n              </salla-button>\n            </div>,]\n            : <salla-placeholder alignment=\"center\"></salla-placeholder>}\n        </salla-modal>\n      </Host>\n    );\n  }\n\n  componentDidLoad() {\n    salla.event.dispatch('rating::ready', this);\n  }\n}\n"]}

package/dist/collection/components/salla-rating-stars/salla-rating-stars.js

@@ -173,3 +173,4 @@ export class SallaRatingStars {
   }; }
   static get elementRef() { return "host"; }
 }
+//# sourceMappingURL=salla-rating-stars.js.map

package/dist/collection/components/salla-rating-stars/salla-rating-stars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-rating-stars.js","sourceRoot":"","sources":["../../../src/components/salla-rating-stars/salla-rating-stars.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Host, h, Prop, Element} from '@stencil/core';\nimport Star2 from \"../../assets/svg/star2.svg\";\nimport Helper from '../../Helpers/Helper';\n\n@Component({\n  tag: 'salla-rating-stars',\n  styleUrl: 'salla-rating-stars.scss'\n})\nexport class SallaRatingStars {\n  constructor() {\n    salla.lang.onLoaded(() => {\n      this.reviewsElement && (this.reviewsElement.innerText = `(${salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.reviews))})`);\n    });\n  }\n\n  /**\n   * Sets input name.\n   */\n  @Prop() name: string = 'rating';\n\n  /**\n   * Sets the height and width of the component. Defaults to medium.\n   */\n  @Prop() size: \"large\" | \"medium\" | \"small\" | \"mini\" = 'medium';\n\n  /**\n   * The rating value.\n   */\n  @Prop() value: number;\n\n  /**\n   * Number of reviews to display.\n   */\n  @Prop() reviews: number = 0;\n\n\n  @Element() host: HTMLElement;\n  private startsElem: HTMLElement;\n  private reviewsElement: HTMLElement;\n\n  protected initiateRating() {\n    this.host.addEventListener('click', () => {\n      if (!this.startsElem) return\n\n      // Get the selected star - activeElement is not supported in safari\n      let activeStars = this.startsElem.querySelectorAll('.s-rating-stars-hovered');\n      let selected = activeStars[activeStars.length - 1];\n      if (!selected) return;\n\n      let selectedIndex = selected.getAttribute('data-star');\n      ((this.startsElem as Element).querySelector('.rating_hidden_input') as HTMLInputElement).value = selectedIndex;\n\n      // Loop through each star, and add or remove the `.selected` class to toggle highlighting\n      (this.startsElem as Element).querySelectorAll('.s-rating-stars-btn-star')\n        .forEach((star, index) => Helper.toggleElementClassIf(star, 's-rating-stars-selected', 's-rating-stars-unselected', () => index < parseInt(selectedIndex)));\n\n      // update aria-pressed attr status\n      (this.startsElem as Element).querySelectorAll('[aria-pressed]').forEach(star => star.removeAttribute('aria-pressed'));\n      selected.setAttribute('aria-pressed', 'true');\n    });\n  }\n\n  private highlightSelectedStars() {\n    let hoveredClass = 's-rating-stars-hovered',\n      stars = this.startsElem?.querySelectorAll('.s-rating-stars-btn-star');\n    stars?.forEach((star, index) => {\n      star.addEventListener('mouseover', () => {\n        for (let i = 0; i <= index; i++) {\n          stars[i].classList.add(hoveredClass)\n        }\n      })\n      star.addEventListener('mouseout', () => star.classList.remove(hoveredClass))\n    })\n    this.startsElem?.addEventListener('mouseout', () => stars.forEach(star => star.classList.remove(hoveredClass)));\n  }\n\n  private createStars(n) {\n    let stars = [];\n    for (let i = 0; i < 5; i++) {\n      stars.push(<span class={{\n        's-rating-stars-btn-star': true,\n        ['s-rating-stars-' + this.size]: true,\n        's-rating-stars-selected': i < n\n      }} innerHTML={Star2}/>);\n    }\n    if (this.reviews > 0) {\n      stars.push(<span class=\"s-rating-stars-reviews\" ref={el => this.reviewsElement = el}>\n        ({salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.reviews))})\n      </span>)\n    }\n    return stars;\n  }\n\n  render() {\n    //TODO:: find a better fix, this is a patch for issue that duplicates the stars twice @see the screenshot inside this folder\n    return this.host.closest('.swiper-slide')?.classList.contains('swiper-slide-duplicate')\n      ? ''\n      : (\n        <Host>\n          {this.value || this.value == 0 ?\n            <div class=\"s-rating-stars-wrapper\"> {this.createStars(this.value)} </div>\n            :\n            <div class=\"s-rating-stars-element\" ref={(el) => this.startsElem = el as HTMLElement}>\n              <input type=\"hidden\" class=\"rating_hidden_input\" name={this.name} value=\"\"/>\n              {[1, 2, 3, 4, 5].map(star =>\n                <button class={`s-rating-stars-btn-star s-rating-stars-` + this.size} data-star={star}>\n                  <span innerHTML={Star2}/>\n                </button>\n              )}\n            </div>\n          }\n        </Host>\n      );\n  }\n\n  componentDidLoad() {\n    this.initiateRating();\n    this.highlightSelectedStars();\n  }\n}\n"]}

package/dist/collection/components/salla-scopes/interfaces.js

@@ -6,3 +6,4 @@ export var ModeType;
   ModeType["DEFAULT"] = "default";
   ModeType["AVAILABILITY"] = "availability";
 })(ModeType || (ModeType = {}));
+//# sourceMappingURL=interfaces.js.map

package/dist/collection/components/salla-scopes/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/components/salla-scopes/interfaces.ts"],"names":[],"mappings":"AAMA,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;EAChB,+BAAmB,CAAA;EACnB,yCAA6B,CAAA;AACjC,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB","sourcesContent":["export interface Scope {\n    id: number;\n    name: string;\n    selected: boolean;\n}\n\nexport enum ModeType {\n    DEFAULT = \"default\",\n    AVAILABILITY = \"availability\"\n}\nexport interface ProductAvailability {\n  name: string;\n  selected: boolean;\n  availability: Availability;\n}\n\nexport interface Availability {\n  label: string;\n  key: string;\n  color: string;\n}"]}

package/dist/collection/components/salla-scopes/salla-scopes.js

@@ -317,3 +317,4 @@ export class SallaScopees {
     }
   }; }
 }
+//# sourceMappingURL=salla-scopes.js.map

package/dist/collection/components/salla-scopes/salla-scopes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-scopes.js","sourceRoot":"","sources":["../../../src/components/salla-scopes/salla-scopes.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Host, Method, Prop, State} from \"@stencil/core\";\nimport StoreAlt from '../../assets/svg/store-alt.svg';\nimport Search from '../../assets/svg/search.svg';\nimport {ModeType, ProductAvailability, Scope} from './interfaces';\n\n\n/**\n * @slot footer - The bottom section of the component, used for form action. Utilizes the `handleSubmit` method to submit the form.\n */\n@Component({\n  tag: 'salla-scopes',\n  styleUrl: 'salla-scopes.scss',\n})\nexport class SallaScopees {\n\n  constructor() {\n    salla.event.on('scopes::open', ({mode = null, product_id = null}) => {\n      this.open(mode, product_id)\n    });\n\n    salla.lang.onLoaded(() => {\n      this.translationLoaded = true;\n    });\n\n  }\n\n  private changeBtn: HTMLSallaButtonElement;\n  private modal: HTMLSallaModalElement;\n  //to avoid over loading scopes in each open call\n  private loadedScopes: any = {\n    [ModeType.DEFAULT]: null,\n    [ModeType.AVAILABILITY]: null,\n  };\n  @State() translationLoaded: boolean = false;\n  @State() mode: ModeType.AVAILABILITY | ModeType.DEFAULT = ModeType.DEFAULT;\n  @State() current_scope: any;\n  @State() scopes: Scope[] | ProductAvailability[] = [];\n  @State() originalScopesList: Scope[] | ProductAvailability[] = [];\n  @State() selected_scope: any;\n  @State() isOpenedBefore: string = salla.storage.get(\"branch-choosed-before\");\n  @State() hasError: boolean = false;\n  @State() loading: boolean = false;\n\n  /**\n   * Optionally open the modal or enforce the pop-up to the viewer\n   */\n  @Prop() selection: 'optional' | 'mandatory' = 'optional';\n\n  /**\n   * Dictates when to show the search field\n   */\n  @Prop() searchDisplayLimit: number = 6;\n\n\n  /**\n   * Closes the scope modal.\n   */\n  @Method()\n  async close() {\n    return await this.modal?.close();\n  }\n\n  /**\n   * Opens the scope modal.\n   */\n  @Method()\n  async open(mode: any = ModeType.DEFAULT, product_id: number = null) {\n    this.hasError = false;\n    this.mode = [ModeType.AVAILABILITY, ModeType.DEFAULT].includes(mode) ? mode : ModeType.DEFAULT;\n    this.loading = !this.loadedScopes[this.mode];\n    this.setScopeValues([]);\n\n\n    salla.log('SallaScope:: opened');\n    this.modal.open()\n    if (!this.loading) {\n      this.setScopeValues(this.loadedScopes[this.mode]);\n      return this.modal.stopLoading();\n    }\n\n    let callback = () => mode == ModeType.AVAILABILITY ? salla.scope.getProductAvailability(product_id) : salla.scope.get();\n    return await salla.api.withoutNotifier(callback)\n      .then((resp) => {\n        if (mode == ModeType.AVAILABILITY) {\n          return this.setScopeValues(this.loadedScopes[ModeType.AVAILABILITY]=resp.data)\n        }\n        this.setScopeValues(this.loadedScopes[this.mode]=resp.data.scopes)\n      }).catch(e => {\n        console.log(e)\n        this.hasError = true;\n      })\n      .finally(() => {\n        this.modal.stopLoading()\n        this.loading = false\n      });\n  }\n\n  /**\n   * Submit form to change exsiting scope.\n   */\n  @Method()\n  async handleSubmit() {\n\n    let payload = {'id': this.current_scope.id}\n    this.changeBtn.load();\n    return await salla.scope.change(payload)\n      .then(() => {\n        salla.storage.set(\"branch-choosed-before\", true);\n        salla.storage.set(\"scope\", {\n          'type': this.current_scope.type,\n          'id': this.current_scope.id\n        });\n        window.location.replace(salla.helpers.addParamToUrl('scope', this.current_scope.id));\n      }).catch(e => console.log(e))\n      .finally(() => {\n        this.changeBtn.stop()\n      })\n  }\n\n  private setScopeValues(value: Scope[]) {\n    this.scopes = value;\n    this.originalScopesList = value;\n\n    if (value?.length == 1) {\n      this.current_scope = value[0]\n      this.selected_scope = value[0]\n    } else {\n      this.current_scope = value?.find(scope => scope.selected)\n      this.selected_scope = value?.find(scope => scope.selected)\n    }\n  }\n\n  private handleSearchFieldTyping(e) {\n    let value = e.target.value.toLocaleLowerCase()\n    if (!!value) {\n      this.scopes = (this.originalScopesList as any).filter(scope => scope.name.toLowerCase().includes(value))\n    } else {\n      this.scopes = this.originalScopesList\n    }\n  }\n\n  private handleScopeSelection(event: any) {\n    this.current_scope = (this.scopes as any)?.find(scope => scope.id == event.target.value)\n  }\n\n  private getFormTitle = () => {\n    if (this.originalScopesList?.length < 2) return \"\";\n    return this.mode === ModeType.DEFAULT ?\n      salla.lang.get(\"blocks.scope.shopping_from_another_branch\") :\n      salla.lang.get('blocks.scope.search_for_availability_in_other_branches');\n  }\n\n  private placeholderContent() {\n    return <salla-placeholder alignment=\"center\" class=\"s-scopes-placeholder\">\n      <span slot=\"title\">{salla.lang.get(\"blocks.scope.branch_looking_for_not_found\")}</span>\n      <span slot=\"description\">{salla.lang.get(\"blocks.scope.our_services_not_available_in_this_branch\")}</span>\n    </salla-placeholder>\n  }\n\n  private defaultContent() {\n    return [<div class=\"s-scopes-container s-scrollbar\">\n      {this.scopes?.map((scope) =>\n        <div class=\"s-scopes-input-wrap\" data-selection={this.selection}>\n          <input\n            id={`${this.selection} + '_scope_' + ${scope.id}`}\n            name=\"lang\" type=\"radio\"\n            value={scope.id}\n            onChange={(event) => this.handleScopeSelection(event)}\n            class=\"s-scopes-input\"\n            checked={!!this.current_scope && this.current_scope.id == scope.id}/>\n          <label\n            htmlFor={`${this.selection} + '_scope_' + ${scope.id}`}\n            class=\"s-scopes-label s-scopes-clickable\">\n            <span>{scope.name}</span>\n          </label>\n        </div>\n      )}\n    </div>,\n      this.footerContent()]\n  }\n\n  private availabilityContent() {\n    return <div class=\"s-scopes-container\">\n      {this.scopes?.map((scope: any) =>\n        <div class=\"s-scopes-input-wrap\" data-selection={this.selection}>\n          <h2\n            class={{\"s-scopes-label\": true, \"s-scopes-clickable\": this.mode === ModeType.DEFAULT}}>\n            <span>{scope.name}</span>\n          </h2>\n          <h2 style={{'color': (scope as ProductAvailability)?.availability?.color}}\n              class={`s-scopes-${(scope as ProductAvailability)?.availability?.key}`}>{(scope as ProductAvailability)?.availability?.label}</h2>\n        </div>\n      )\n      }\n    </div>\n  }\n\n  private footerContent() {\n    return <div class=\"s-scopes-footer\">\n      <slot name=\"footer\">\n        <salla-button ref={btn => this.changeBtn = btn} disabled={!this.current_scope}\n                      onClick={() => this.handleSubmit()} class=\"s-scopes-submit\" loader-position=\"center\" width=\"wide\">\n          {salla.lang.get('common.elements.confirm')}\n        </salla-button>\n      </slot>\n    </div>\n  }\n\n  render() {\n    return (\n      <Host>\n        <salla-modal\n          ref={modal => this.modal = modal}\n          isClosable={!!(this.isOpenedBefore || (this.selection == 'optional'))}\n          class=\"s-scopes-modal\"\n          isLoading={this.loading}\n          has-skeleton>\n          {this.loading ?\n            <div slot=\"loading\">\n              <div class=\"s-scopes-skeleton\">\n                <salla-list-tile class=\"s-scopes-header\">\n                  <div slot=\"icon\" class=\"s-scopes-header-icon\">\n                    <salla-skeleton type=\"circle\"></salla-skeleton>\n                  </div>\n\n                  <div slot=\"title\" class=\"s-scopes-header-title mb-5\">\n                    <salla-skeleton height='15px' width='50%'></salla-skeleton>\n                  </div>\n                  <div slot=\"subtitle\" class=\"s-scopes-header-subtitle\">\n                    <salla-skeleton height='10px'></salla-skeleton>\n                    <salla-skeleton height='10px' width='75%'></salla-skeleton>\n                  </div>\n                </salla-list-tile>\n                <div class=\"s-scopes-skeleton-search\">\n                  <salla-skeleton height='10px' width='50%'></salla-skeleton>\n                  <salla-skeleton height='30px' width='100%'></salla-skeleton>\n                </div>\n                <div class=\"s-scopes-skeleton-scopes\">\n                  <salla-skeleton height='10px' width='30%'></salla-skeleton>\n                  <salla-skeleton height='10px' width='25%'></salla-skeleton>\n                  <salla-skeleton height='10px' width='30%'></salla-skeleton>\n                  <salla-skeleton height='10px' width='25%'></salla-skeleton>\n                  <salla-skeleton height='10px' width='30%'></salla-skeleton>\n                  <salla-skeleton height='10px' width='25%'></salla-skeleton>\n                  <salla-skeleton height='10px' width='30%'></salla-skeleton>\n                  <salla-skeleton height='10px' width='25%'></salla-skeleton>\n                </div>\n                <div class=\"s-scopes-skeleton-btn\">\n                  <salla-skeleton height='40px' width='100%'></salla-skeleton>\n                </div>\n\n              </div>\n            </div>\n            :\n            [<salla-list-tile class={this.originalScopesList?.length ? \"s-scopes-header block\" : \"s-hidden\"}>\n              <div slot=\"icon\" class=\"s-scopes-header-icon\" innerHTML={StoreAlt}/>\n              <div slot=\"title\" class=\"s-scopes-header-title\">\n                {salla.lang.get('blocks.scope.you_are_browse_store_from')}\n              </div>\n              <div slot=\"subtitle\" class=\"s-scopes-header-subtitle\">\n                {!!this.selected_scope ? this.selected_scope.name : \"\"}\n              </div>\n            </salla-list-tile>,\n              <div class=\"s-scopes-wrap\">\n                {!!this.originalScopesList?.length && <h4 class=\"s-scopes-title\">{this.getFormTitle()}</h4>}\n                {this.originalScopesList?.length > this.searchDisplayLimit ?\n                  <div class=\"s-scopes-search-wrapper\">\n                    <div class=\"s-scopes-search-icon\" innerHTML={Search}/>\n                    <input type=\"text\" class=\"s-scopes-search-input\" onInput={e => this.handleSearchFieldTyping(e)}\n                           enterkeyhint=\"search\"\n                           placeholder={salla.lang.get('blocks.scope.searching_for_a_branch')}/>\n                  </div>\n                  : \"\"\n                }\n                {this.hasError || this.originalScopesList?.length < 2 ?\n                  this.placeholderContent()\n                  : this.mode === ModeType.DEFAULT ? this.defaultContent() : this.availabilityContent()}\n              </div>]\n          }\n        </salla-modal>\n      </Host>\n    );\n  }\n\n  componentDidLoad() {\n    if (!this.isOpenedBefore && this.selection == 'mandatory') {\n      this.open()\n    }\n  }\n}\n"]}

package/dist/collection/components/salla-search/salla-search.js

@@ -202,3 +202,4 @@ export class SallaSearch {
       "passive": false
     }]; }
 }
+//# sourceMappingURL=salla-search.js.map

package/dist/collection/components/salla-search/salla-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-search.js","sourceRoot":"","sources":["../../../src/components/salla-search/salla-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, State, Element, Listen, Watch } from '@stencil/core';\nimport { HTMLStencilElement } from '@stencil/core/internal';\nimport SearchProductsResponse from \"./search-response\";\nimport Search from \"../../assets/svg/search.svg\";\nimport Helper from '../../Helpers/Helper';\n\n/**\n * @slot product - Replaces products card in the results, has replaceable props `{name}`, `{price}`, `{regular_price}`, `{image}`.\n */\n@Component({ tag: 'salla-search', styleUrl: 'salla-search.scss' })\nexport class SallaSearch {\n  constructor() {\n    this.productSlot = this.host.querySelector('[slot=\"product\"]')?.innerHTML || this.getDefaultProductSlot();\n    salla.event.on('search::open', () => this.open());\n\n    salla.lang.onLoaded(() => {\n      this.translationLoaded = true;\n    });\n\n    salla.event.on('modalClosed', () => this.onModalClose())\n  }\n\n  private readonly productSlot: string;\n  private modal: HTMLSallaModalElement;\n  private container: HTMLElement;\n  private searchInput: HTMLInputElement;\n  private noResults: HTMLElement;\n  private inputValue: string = '';\n\n  @Element() host: HTMLStencilElement;\n  @State() translationLoaded: boolean = false;\n  @State() results: SearchProductsResponse | undefined;\n  @State() loading: boolean = false;\n  @State() typing: boolean = false;\n  @State() debounce: ReturnType<typeof setTimeout> = setTimeout(() => '', 1000);\n  @State() search_term: string;\n\n  /**\n   * Set the component display without modal window. Defaults to `false`\n   */\n  @Prop() inline: boolean = false;\n\n  /**\n   * Adds a border radius to the input. Half of the height.\n   */\n  @Prop() oval: boolean = false;\n\n  /**\n   * Sets the height of the input\n   */\n  @Prop() height: number = 60;\n\n  async open() {\n    if (!this.inline) {\n      await this.modal.open().then(() => setTimeout(() => this.searchInput.focus(), 300)\n      );\n    }\n  }\n  onModalClose() {\n    this.searchInput.value = '';\n    this.results = undefined;\n    this.afterSearching();\n    this.container.classList.remove('s-search-no-results')\n  }\n\n  @Listen('keydown')\n  handleKeyDown(ev: KeyboardEvent) {\n    if (ev.key === 'Enter' && this.search_term?.length) {\n      window.location.href = salla.url.get('search?q=' + encodeURI(this.search_term))\n    }\n  }\n\n  private getDefaultProductSlot() {\n    return '<div class=\"s-search-product-image-container\">' +\n      '  <img class=\"s-search-product-image\" src=\"{image}\" alt=\"{name}\"/>' +\n      '</div>' +\n      '<div class=\"s-search-product-details\">' +\n      '  <div class=\"s-search-product-title\">{name}</div> <div class=\"s-search-product-price\">{price} <span class=\"s-search-product-regular-price\">{regular_price}</span></div>' +\n      '</div>';\n  }\n\n  private debounceSearch(event) {\n    this.typing = true;\n    clearTimeout(this.debounce)\n    this.debounce = setTimeout(() => {\n      this.typing = false\n      this.search_term = event.target.value\n    }, 500)\n  }\n\n  @Watch('search_term')\n  handleSearch(val: string) {\n    this.inputValue = val;\n    if (val.length > 1) {\n      this.search(val);\n    }\n    else {\n      this.results = undefined;\n      this.afterSearching();\n    }\n  }\n\n  search(val) {\n\n    this.noResults.style.display = 'none';\n    //run loading spinner or stop it\n    this.loading = true;\n    salla.product.search(val)\n      .then(response => this.results = response)\n      .catch(err => err !== 'Query is same as previous one!' ? this.results = undefined : null)\n      .finally(() => this.afterSearching(/*isEmpty*/ false));\n  }\n\n  private afterSearching(isEmpty = true) {\n    this.noResults.style.display = isEmpty || this.results?.data.length > 0 ? 'none' : 'block';\n    Helper.toggleElementClassIf(this.container, 's-search-container-open', 's-search-no-results', () => this.results?.data.length)\n    this.loading = false\n    salla.product.api.previousQuery = ''; //avoid having error 'Query is same as previous one!' after reopen modal;\n    this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';\n  }\n\n  render() {\n    const searchContent =\n      <div class={{ 's-search-container': true, 's-search-inline': this.inline }} ref={container => this.container = container}>\n        <input type=\"search\"\n          enterkeyhint=\"search\"\n          autocomplete=\"off\"\n          class=\"s-search-input\"\n          placeholder={salla.lang.get('blocks.header.search_placeholder')}\n          onInput={e => this.debounceSearch(e)}\n          onKeyDown={e => this.handleKeyDown(e)}\n          ref={input => this.searchInput = input as HTMLInputElement}\n          style={{ height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' }} />\n        <span class=\"s-search-icon-wrap\"><span class=\"s-search-icon\" innerHTML={this.loading ? '<i class=\"s-search-spinner-loader\"></i>' : Search}></span></span>\n        <div class=\"s-search-results\">\n          {this.results?.data.map(item =>\n            <a href={item.url} class={{ \"s-search-product\": true, 's-search-product-not-available': !item.is_available }} innerHTML={this.productSlot\n              .replace(/\\{name\\}/g, item.name)\n              .replace(/\\{price\\}/g, salla.money(item.price))\n              .replace(/\\{regular_price\\}/g, item.has_special_price ? salla.money(item.regular_price) : '')\n              .replace(/\\{image\\}/g, item.thumbnail)}/>\n          )}\n          <p ref={el => this.noResults = el} class=\"s-search-no-results-placeholder\">{salla.lang.get('common.elements.no_options')}</p>\n        </div>\n      </div>\n\n    return (\n      this.inline ?\n        <div class=\"s-search-modal\">{searchContent}</div>\n        :\n        <salla-modal position=\"top\" class=\"s-search-modal\" ref={modal => this.modal = modal}>\n          {searchContent}\n        </salla-modal>\n    );\n  }\n\n  /**\n   * Run it one time after load\n   */\n  componentDidLoad() {\n    this.afterSearching();\n  }\n}\n"]}

package/dist/collection/components/salla-search/search-response.js

@@ -2,3 +2,4 @@
  * Crafted with ❤ by Salla
  */
 export {};
+//# sourceMappingURL=search-response.js.map

package/dist/collection/components/salla-search/search-response.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-response.js","sourceRoot":"","sources":["../../../src/components/salla-search/search-response.ts"],"names":[],"mappings":"","sourcesContent":["type Nullable<T> = T | undefined | null | '';\ntype Price= {\n  amount: string;\n  currency: string;\n}\ntype ProductType = 'product' | 'service' | 'group_products' | 'codes' | 'digital' | 'food' | 'donating';\n\nexport interface Product {\n  id: number;\n  name: string;\n  type: ProductType;\n  promotion: {\n    title: Nullable<string>;\n    sub_title: Nullable<string>;\n  };\n  price: Price;\n  sale_price: Nullable<Price>;\n  regular_price: Price;\n  has_special_price: boolean;\n  status: 'sale' | 'out';\n  is_available: boolean;\n  sku: Nullable<string>;\n  currency: string | 'SAR';\n  url: string;\n  thumbnail: string;\n  calories: Nullable<number>;\n}\n\ntype SortOption = {\n  id: \"ourSuggest\" | \"bestSell\" | \"topRated\" | \"priceFromTopToLow\" | \"priceFromLowToTop\";\n  name: string\n};\n\nexport default interface SearchProductsResponse {\n  data: Product[];\n  cursor: {\n    current: number;\n    previous: Nullable<string>;\n    next: Nullable<string>;\n    count: number;\n  };\n  features?: { sorting?: true };\n  sort_options: SortOption[];\n}\n"]}

package/dist/collection/components/salla-select/salla-select.js

@@ -607,3 +607,4 @@ export class SallaSelect {
     }
   }; }
 }
+//# sourceMappingURL=salla-select.js.map

package/dist/collection/components/salla-select/salla-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-select.js","sourceRoot":"","sources":["../../../src/components/salla-select/salla-select.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'salla-select',\n  styleUrl: 'salla-select.scss',\n})\nexport class SallaSelect {\n\n  /**\n   * Sets label\n   */\n  @Prop() label: string = undefined;\n\n  /**\n   * Can be an array of objects or array of strings. \n   * When using objects, will look for a text, value and disabled keys.\n   */\n  @Prop() items: any[] = [];\n\n  /**\n   * Set property of items’s text value\n   */\n  @Prop() itemText: string /* | any[] | Function */ = \"text\";\n\n  /**\n   * Set property of items’s value - must be primitive. \n   * Dot notation is supported.\n   */\n  @Prop() itemValue: string /* | any[] | Function */ = \"value\";\n\n  /**\n   * Set property of items’s disabled value\n   */\n  @Prop() itemDisabled: string /* | any[] | Function */ = 'disabled';\n\n  /**\n  * Sizing options\n  */\n  @Prop() size: 'x-large' | 'large' | 'normal' | 'small' | 'x-small' = 'normal';\n\n  /**\n   * The selected value\n   */\n  @Prop({ mutable: true }) value: any = undefined;\n\n  /**\n   * Enable autofocus\n   */\n  @Prop() autofocus: boolean = false;\n\n  /**\n   * Add input clear functionality, default icon is `sicon-cancel`\n   */\n  @Prop() clearable: boolean = false;\n\n  /**\n   * Applied when using clearable and the input is dirty\n   */\n  @Prop() clearIcon: string = 'sicon-cancel';\n\n  /**\n   * Applies specified color to the control.\n   */\n  @Prop() color: 'primary' | 'success' | 'warning' | 'danger' | 'light' | 'gray' | 'dark' = 'primary';\n\n  /**\n   * Remove elevation or box shadow.\n   */\n  @Prop() flat: boolean = undefined;\n\n  /**\n   * Disable the input\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Displays linear progress bar.\n   */\n  @Prop() loading: boolean = false;\n\n  /**\n   * Specifies which color is applied to the progress bar.\n   */\n  @Prop() loadingColor: string = 'primary';\n\n  /**\n   * Hint text\n   */\n  @Prop() hint: string = undefined;\n\n  /**\n   * Forces hint to always be visible.\n   */\n  @Prop() persistHint: boolean = false;\n\n  /**\n   * Sets the input’s placeholder text.\n   */\n  @Prop() placeholder: string = undefined;\n\n  /**\n   * Enable multiple item selection\n   */\n  @Prop() multiple: boolean = false;\n\n  /**\n   * Enable multiple item selection\n   */\n  @Prop() autocomplete: boolean = false;\n\n  /**\n   * Enable multiple item selection\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Changes display of selections to chips\n   */\n  @Prop() chips: boolean = false;\n\n  /**\n   * Define appearance of the component\n   */\n  @Prop() shape: 'underline' | 'outlined' = 'outlined';\n\n  /**\n   * Changes the selection behavior to return the object directly \n   * rather than the value specified with item-value\n   */\n  @Prop() returnObject: boolean = false;\n\n  /**\n   * Hides hint if any\n   */\n  @Prop() hideDetail: boolean = false;\n\n\n\n\n  private selectClass() {\n    return `s-select-field s-select-${this.shape} ${this.color} ${this.size}`\n  }\n\n  private onSelectedItemChange(event: Event) {\n    let selectedIndex = (event.target as HTMLSelectElement).selectedIndex;\n    if (selectedIndex < 0) {\n      this.value = undefined;\n      return;\n    }\n    let selectedItem = this.items[!!this.placeholder ? selectedIndex - 1 : selectedIndex]\n\n    this.value = this.returnObject ? selectedItem : selectedItem[this.itemValue]\n  }\n\n  private generateHint() {\n    if (!this.persistHint && !this.value) {\n      return \"\"\n    }\n    return <div class=\"s-select-hint\">{this.hint}</div>\n  }\n\n  private checkForSelected(item) {\n    if (this.returnObject && !!this.value) {\n      return item[this.itemValue] = this.value[this.itemValue]\n    }\n    return item[this.itemValue] == this.value\n  }\n\n\n  render() {\n    return (\n      <Host>\n        {!!this.label ?\n          <label htmlFor=\"s-select\" class=\"s-select-label\">{this.label}</label>\n          : \"\"\n        }\n        <select multiple={this.multiple} autocomplete={this.autocomplete ? 'on' : 'off'} disabled={this.disabled} autoFocus={this.autofocus} id=\"s-select\" class={this.selectClass()} onChange={this.onSelectedItemChange.bind(this)}>\n          {!!this.placeholder ?\n            <option selected={!this.value}>{this.placeholder}</option>\n            : \"\"}\n          {\n            this.items.map((item: Object | string) =>\n              // item instanceof Object ?\n              <option label={item[this.itemText]} value={item[this.itemValue]} selected={this.checkForSelected(item)} disabled={item[this.itemDisabled]}></option>\n              // :\n              // <option label={item} value={item} selected={item == this.value} disabled={item == this.itemDisabled}></option>\n            )}\n        </select>\n        <div class={{ \"s-hidden\": this.hideDetail }}>\n          {this.generateHint()}\n        </div>\n\n      </Host>\n    );\n  }\n\n}"]}

package/dist/collection/components/salla-skeleton/salla-skeleton.js

@@ -89,3 +89,4 @@ export class SallaSkeleton {
     }
   }; }
 }
+//# sourceMappingURL=salla-skeleton.js.map