@salla.sa/twilight-components 2.11.86 → 2.11.87

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

@@ -0,0 +1 @@
+{"version":3,"file":"salla-login-modal.js","sourceRoot":"","sources":["../../../src/components/salla-login-modal/salla-login-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, h, Listen, Method, Prop, State} from '@stencil/core';\nimport UserIcon from \"../../assets/svg/user.svg\";\nimport PhoneIcon from \"../../assets/svg/phone.svg\";\nimport EmailIcon from \"../../assets/svg/mail.svg\";\nimport CameraIcon from '../../assets/svg/camera.svg';\nimport KeyboardArrowRightIcon from \"../../assets/svg/keyboard_arrow_right.svg\";\nimport ArrowRightIcon from \"../../assets/svg/arrow-right.svg\";\nimport Helper from '../../Helpers/Helper';\nimport {CustomField, CustomFieldType} from './intefaces';\n\n/**\n * @slot footer - The footer of modal\n * @slot before-login-type - placeholder position\n * @slot after-login-type - placeholder position\n * @slot before-login-mobile - placeholder position\n * @slot after-login-mobile - placeholder position\n * @slot before-login-email - placeholder position\n * @slot after-login-email - placeholder position\n * @slot before-registration - placeholder position\n * @slot after-registration - placeholder position\n */\n@Component({\n  tag: 'salla-login-modal',\n  styleUrl: 'salla-login-modal.scss'\n})\n\n\nexport class SallaLoginModal {\n  constructor() {\n\n    this.title = this.host.title || salla.lang.get('blocks.header.login');\n    this.host.removeAttribute('title');\n\n    this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');\n    this.firstNameErrorMsg = salla.lang.get('common.errors.field_required', {attribute: salla.lang.get('pages.profile.first_name')});\n    this.lastNameErrorMsg = salla.lang.get('common.errors.field_required', {attribute: salla.lang.get('pages.profile.last_name')});\n\n    salla.lang.onLoaded(() => {\n      this.translationLoaded = true;\n      this.title = salla.lang.get('blocks.header.login');\n      this.dragAndDrop = salla.lang.get('common.uploader.drag_and_drop');\n      this.browseFromFiles = salla.lang.get('common.uploader.browse');\n      this.updateTranslations();\n    });\n\n    salla.event.on('login::open', (event) => this.open(event));\n    salla.onReady( () => {\n      this.isEmailAllowed = salla.config.get('store.settings.auth.email_allowed', this.isEmailAllowed);\n      this.isMobileAllowed = salla.config.get('store.settings.auth.mobile_allowed', this.isMobileAllowed);\n      this.isEmailRequired = salla.config.get('store.settings.auth.is_email_required', this.isEmailRequired);\n    });\n  }\n\n  @Element() host: HTMLElement;\n  /**\n   * Does the merchant allow to login using email\n   */\n  @Prop({mutable: true}) isEmailAllowed: boolean ;\n  /**\n   * Does the merchant/current location for visitor allow to login using mobile, By default outside KSA is `false`\n   */\n  @Prop({mutable: true}) isMobileAllowed: boolean = true;\n  /**\n   * Does the merchant require registration with email & mobile\n   */\n  @Prop({mutable: true}) isEmailRequired: boolean = false;\n\n  /**\n   * Once the api verify success, it will be login the customer in web pages\n   */\n  @Prop({reflect: true}) supportWebAuth: boolean = true;\n\n  private modal: HTMLSallaModalElement;\n  private homeTab: HTMLDivElement;\n  private mobileTab: HTMLDivElement;\n  private emailTab: HTMLDivElement;\n  private verifyTab: HTMLSallaVerifyElement;\n  private registrationTab: HTMLDivElement;\n  private regTelInput: HTMLSallaTelInputElement;\n  private regEmail: HTMLInputElement;\n  private customFieldsWrapper: HTMLDivElement;\n  private loginTelInput: HTMLSallaTelInputElement;\n  private loginEmail: HTMLInputElement;\n  private firstName: HTMLInputElement;\n  private lastName: HTMLInputElement;\n  private smsBtn: HTMLSallaButtonElement;\n  private emailBtn: HTMLSallaButtonElement;\n  private regBtn: HTMLSallaButtonElement;\n\n  @State() currentTabName = 'home'\n  @State() regType: 'phone' | 'email' = 'phone';\n\n\n  @State() translationLoaded: boolean = false;\n  @State() title: string;\n  @State() emailErrorMsg: string;\n  @State() firstNameErrorMsg: string;\n  @State() lastNameErrorMsg: string;\n\n  @State() dragAndDrop: string = salla.lang.get('common.uploader.drag_and_drop');\n  @State() browseFromFiles: string = salla.lang.get('common.uploader.browse');\n  @State() customFields: CustomField[] = [];\n\n  private customFieldsValues: Object = {};\n  @State() uploadedImage: string = undefined;\n\n  @Listen('verified', {target: 'window'})\n  /**\n   * @param {CustomEvent|{details:{case:'new_customer'|'authenticated', redirect_url:string|null}}} event\n   */\n  onVerified(event) {\n    salla.log('verified', event);\n    //there is a case when force login is activated & is new user, it will return case inside error key., so cover it.\n    let verifyCase = event.detail?.data.case || event.detail?.error.case;\n    if (!verifyCase) {\n      salla.log('verified but without case!');\n      return;\n    }\n\n    if (verifyCase === \"new_customer\") {\n      this.customFields = event.detail?.data?.custom_fields || [];\n      return this.showTab(this.registrationTab);\n    }\n\n    if (!salla.auth.canRedirect()) {\n      salla.log('Will not auto redirect or reload, due to `salla.auth.canRedirect()`');\n      this.modal.close();\n      return;\n    }\n\n    if (event.detail.data.redirect_url) {\n      return window.location.href = event.detail.data.redirect_url;\n    }\n\n    /**\n     * we don't want to reload the page if this is not web auth\n     * because we'll need the token in the page itself and its there\n     * todo :: store the user data in storage for non-web auth and set the config.user from it\n     */\n    if (this.supportWebAuth) {\n      window.location.reload();\n    } else {\n      this.modal.close();\n    }\n  }\n\n  updateTranslations() {\n    this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');\n    this.firstNameErrorMsg = salla.lang.get('common.errors.field_required', {attribute: salla.lang.get('pages.profile.first_name')});\n    this.lastNameErrorMsg = salla.lang.get('common.errors.field_required', {attribute: salla.lang.get('pages.profile.last_name')});\n    this.modal?.setTitle(this.title);\n  }\n\n  /**\n   * Open login component\n   */\n  @Method()\n  // @ts-ignore\n  async open(event = null) {\n    // todo :: support change the settings from event details\n    // if(event && event.hasOwnProperty('isEmailAllowed')){\n    //   this.isEmailAllowed = event?.isEmailAllowed;\n    // }\n    //\n    // if(event && event.hasOwnProperty('isMobileAllowed')){\n    //   this.isMobileAllowed = event?.isMobileAllowed;\n    // }\n\n    if (this.isEmailAllowed && this.isMobileAllowed) {\n      this.showTab(this.homeTab);\n    } else if (this.isEmailAllowed) {\n      this.showTab(this.emailTab);\n    } else if (this.isMobileAllowed) {\n      this.showTab(this.mobileTab);\n    }\n    return this.modal.open();\n  }\n\n  private showTab(tab, evt?) {\n    evt?.preventDefault();\n    this.currentTabName = tab.getAttribute('data-name');\n\n    // todo:: use better way for resize the modal\n    // setTimeout(() => this.modal.querySelector('.s-login-modal-wrapper')?.setAttribute('style', 'height:' + tab?.scrollHeight + 'px'));\n\n    if ([this.mobileTab, this.emailTab].includes(tab)) {\n      this.regType = tab === this.mobileTab ? 'phone' : 'email';\n    }\n\n    const input = tab.querySelector('input[type=\"tel\"], input[type=\"email\"]');\n    input && setTimeout(() => {\n      input.focus();\n    }, 100); \n\n    this.modal?.setTitle(this.currentTabName === 'registration' ? salla.lang.get('common.titles.registration') : this.title);\n\n    return this;\n  }\n\n  private typing = (e, submitMethod = null) => {\n    const error = e.target.nextElementSibling;\n    e.target.classList.remove('s-has-error');\n    error?.classList.contains('s-login-modal-error-message') && (error.innerText = '');\n    //it was sending two requests for send two verification requests\n    submitMethod && e.key == 'Enter' && submitMethod();\n  }\n\n  private loginBySMS = async (event = null) => {\n    event?.preventDefault();\n    const {phone, countryCode} = await this.loginTelInput.getValues();\n    const isPhoneValid = await this.loginTelInput.isValid();\n    if (!isPhoneValid) {\n      return;\n    }\n\n    this.login(this.smsBtn, {type: 'mobile', phone: phone, country_code: countryCode});\n\n    return false;\n  }\n\n  private loginByEmail = (event = null) => {\n    event?.preventDefault();\n    if (!Helper.isValidEmail(this.loginEmail.value)) {\n      this.validateField(this.loginEmail, this.emailErrorMsg);\n      return;\n    }\n\n    this.login(this.emailBtn, {type: 'email', email: this.loginEmail.value});\n  }\n\n  private login(btn: HTMLSallaButtonElement, data) {\n    btn.load()\n      .then(() => btn.disable())\n      .then(() => salla.auth.api.login(data))\n      .then(() => this.showTab(this.verifyTab))\n      .then(() => this.verifyTab.open(data))\n      .finally(() => btn.stop() && btn.enable());\n  }\n\n  private newUser = async () => {\n    const {\n        phone: regPhone,\n        countryCode\n      } = this.regType == \"email\" ? await this.regTelInput.getValues() : await this.loginTelInput.getValues(),\n      emailValue = this.regEmail.value || this.loginEmail?.value\n    await this.newUserValidation();\n    await this.regBtn.load();\n    await this.regBtn.disable();\n\n    let data: any = {\n      first_name: this.firstName.value,\n      last_name: this.lastName.value,\n      phone: regPhone || this.loginTelInput.phone,\n      country_code: countryCode,\n      verified_by: this.regType,\n      custom_fields: this.customFieldsValues,\n    };\n    emailValue && (data = {...data, email: emailValue});\n    this.verifyTab.getCode()\n      .then(code => salla.auth.api.register({...data, code}))\n      .then(() => salla.auth.canRedirect && window.location.reload())\n      .catch((error) => {\n        salla.logger.error(error);\n        this.regBtn.stop() && this.regBtn.enable()\n      })\n  }\n\n  private async newUserValidation() {\n    const isLogByPhone = this.regType == \"phone\",\n      isLogByEmail = this.regType == \"email\",\n      emailValue = this.regEmail.value || (isLogByEmail && this.loginEmail.value),\n      isEmailValid = Helper.isValidEmail(emailValue),\n      isFirstNameValid = this.firstName.value.length > 0,\n      isLastNameValid = this.lastName.value.length > 0,\n      isPhoneValid = await this.regTelInput.isValid() || isLogByPhone && await this.loginTelInput.isValid(),\n      emailValidation = (emailValue && isEmailValid) || (!emailValue && !this.isEmailRequired);\n\n    // Custom Fields Validation\n    var isCustomFieldValid = true;\n    //we should make sure that there is text nodes between children\n    this.customFieldsWrapper.childNodes\n      .forEach((field: HTMLSallaFileUploadElement | HTMLInputElement) => {\n        this.customFieldsValues[field.id] = field['value'];\n        if (!field.required || this.customFieldsValues[field.id].length) {\n          return;\n        }\n        isCustomFieldValid = false;\n        const errorMsg: string = salla.lang.get('common.errors.field_required', {attribute: field.title});\n        this.validateField(field, errorMsg)\n      });\n\n    if (emailValidation && isPhoneValid && isFirstNameValid && isLastNameValid && isCustomFieldValid) return;\n    !isEmailValid && this.validateField(this.regEmail, this.emailErrorMsg);\n    !isFirstNameValid && this.validateField(this.firstName, this.firstNameErrorMsg);\n    !isLastNameValid && this.validateField(this.lastName, this.lastNameErrorMsg);\n    throw 'Please insert required fields';\n  }\n\n  private getFilepondPlaceholder() {\n    return `<div class=\"s-login-modal-filepond-placeholder\"><span class=\"s-login-modal-filepond-placeholder-icon\">${CameraIcon}</span><p class=\"s-login-modal-filepond-placeholder-text\">${this.dragAndDrop}</p> <span class=\"filepond--label-action\">${this.browseFromFiles}</span></div>`\n  }\n\n  // eslint-disable-next-line @stencil/own-methods-must-be-private\n  validateField(field: HTMLInputElement | HTMLSallaFileUploadElement, errorMsg: string) {\n    field.classList.add('s-has-error');\n    field.nextElementSibling['innerText'] = '* ' + errorMsg;\n  }\n\n  generateTabClasses(tabName) {\n    return {\n      's-login-modal-tab': tabName !== 'registration' && tabName !== 'otp',\n      \"s-hidden\": this.currentTabName !== tabName,\n      \"s-show\": this.currentTabName === tabName,\n      's-login-modal-unactive': tabName !== 'registration' && tabName !== 'otp' && this.currentTabName !== tabName,\n      's-login-modal-active': tabName !== 'registration' && tabName !== 'otp' && this.currentTabName === tabName\n    }\n  }\n\n  generateRegClasses(regType) {\n    return {\n      \"mb-1.5\": true,\n      \"s-hidden\": this.regType === regType\n    }\n  }\n\n  render() {\n    // @ts-ignore\n    // @ts-ignore\n    return (\n      <salla-modal class=\"s-login-modal\" modal-title={this.title} ref={modal => this.modal = modal} width=\"xs\">\n        <span slot='icon' class=\"s-login-modal-header-icon\" innerHTML={UserIcon}/>\n        <div class=\"s-login-modal-wrapper\">\n\n          {/* Tab 1 (Select Login Type)*/}\n          {this.isEmailAllowed && this.isMobileAllowed ?\n            <div class={this.generateTabClasses('home')} data-name=\"home\" ref={tab => this.homeTab = tab}>\n              <p class=\"s-login-modal-sub-title\">{salla.lang.get('blocks.header.select_login_way')}</p>\n              <slot name=\"before-login-type\"/>\n              <a href=\"#\" class=\"s-login-modal-main-btn\" onClick={(evt) => this.showTab(this.mobileTab, evt)}>\n                <span class=\"s-login-modal-main-btn-icon\" innerHTML={PhoneIcon}/>\n                <span class=\"s-login-modal-main-btn-text\">{salla.lang.get('blocks.header.sms')}</span>\n                <span class=\"s-login-modal-main-btn-arrow\" innerHTML={KeyboardArrowRightIcon}/>\n              </a>\n              <a href=\"#\" class=\"s-login-modal-main-btn\" onClick={(evt) => this.showTab(this.emailTab, evt)}>\n                <span class=\"s-login-modal-main-btn-icon\" innerHTML={EmailIcon}/>\n                <span class=\"s-login-modal-main-btn-text\">{salla.lang.get('common.elements.email')}</span>\n                <span class=\"s-login-modal-main-btn-arrow\" innerHTML={KeyboardArrowRightIcon}/>\n              </a>\n              <slot name=\"after-login-type\"/>\n            </div>\n            : ''}\n\n\n          {/* Tab 2 (Login By Mobile)*/}\n          {this.isMobileAllowed ?\n            <div class={this.generateTabClasses('login-phone')} data-name=\"login-phone\"\n                 ref={tab => this.mobileTab = tab}>\n              <slot name=\"before-login-mobile\"/>\n              <form onSubmit={(event) => this.loginBySMS(event)} method=\"POST\">\n                <label class=\"s-login-modal-label\">{salla.lang.get('common.elements.mobile')}</label>\n                <salla-tel-input tabindex=\"0\" ref={el => this.loginTelInput = el}\n                                 onKeyDown={e => this.typing(e)}></salla-tel-input>\n                {/* @ts-ignore */}\n                <salla-button class=\"s-login-modal-enter-button\" type=\"submit\" loader-position='center' width=\"wide\" ref={b => this.smsBtn = b}>\n                  {salla.lang.get('blocks.header.enter')}\n                </salla-button>\n              </form>\n              {this.isEmailAllowed ?\n                <a href=\"#\" onClick={() => this.showTab(this.emailTab)}\n                   class=\"s-login-modal-link\">{salla.lang.get('blocks.header.login_by_email')}</a> : ''}\n              <slot name=\"after-login-mobile\"/>\n            </div> : ''}\n\n\n          {/* Tab 3 (Login By Email)*/}\n          {this.isEmailAllowed ?\n            <div class={this.generateTabClasses('login-email')} data-name=\"login-email\"\n                 ref={tab => this.emailTab = tab}>\n              <slot name=\"before-login-email\"/>\n              <label class=\"s-login-modal-label\">{salla.lang.get('common.elements.email')}</label>\n              <form onSubmit={() => this.loginByEmail(event)} method=\"POST\">\n                <input type=\"email\" ref={el => this.loginEmail = el} onKeyDown={e => this.typing(e)}\n                       placeholder=\"your@email.com\"\n                       enterkeyhint=\"next\"\n                       class=\"s-login-modal-input s-ltr\"/>\n                <span class=\"s-login-modal-error-message\"/>\n                <salla-button loader-position='center' width=\"wide\" onClick={() => this.loginByEmail()}\n                              ref={b => this.emailBtn = b}>{salla.lang.get('blocks.header.enter')}</salla-button>\n              </form>\n              {this.isMobileAllowed ?\n                <a href=\"#\" onClick={() => this.showTab(this.mobileTab)}\n                   class=\"s-login-modal-link\">{salla.lang.get('blocks.header.login_by_sms')}</a>\n                : ''\n              }\n              <slot name=\"after-login-email\"/>\n            </div> : ''}\n\n\n          {/* Tab 4 (Verify OTP)*/}\n          <salla-verify display=\"inline\" support-web-auth={this.supportWebAuth ? 'true' : 'false'}\n                        class={this.generateTabClasses('otp')} data-name=\"otp\" ref={tab => this.verifyTab = tab}\n                        autoReload={false}>\n            <a onClick={() => this.showTab(this.regType == 'phone' ? this.mobileTab : this.emailTab)}\n               class=\"s-verify-back\"\n               innerHTML={ArrowRightIcon}\n               slot=\"after-footer\"\n               href=\"#\"/>\n          </salla-verify>\n\n          {/* Tab 5 (Register New User)*/}\n          <div data-name=\"registration\" class={this.generateTabClasses('registration')}\n               ref={tab => this.registrationTab = tab}>\n            <slot name=\"before-registration\"/>\n            <div>\n              <label class=\"s-login-modal-label\">{salla.lang.get('blocks.header.your_name')}</label>\n              <input type=\"text\" class=\"s-login-modal-input\" ref={el => this.firstName = el}\n                     onKeyDown={e => this.typing(e, this.newUser)}\n                     placeholder={salla.lang.get('pages.profile.first_name')}/>\n              <span class=\"s-login-modal-error-message\"/>\n            </div>\n\n            <div>\n              <label class=\"s-login-modal-label\">{salla.lang.get('pages.profile.last_name')}</label>\n              <input type=\"text\" class=\"s-login-modal-input\" ref={el => this.lastName = el}\n                     onKeyDown={e => this.typing(e, this.newUser)}\n                     placeholder={salla.lang.get('pages.profile.last_name')}/>\n              <span class=\"s-login-modal-error-message\"/>\n            </div>\n\n            <div class={this.generateRegClasses('phone')}>\n              <label class=\"s-login-modal-label\">{salla.lang.get('common.elements.mobile')}</label>\n              <salla-tel-input ref={el => this.regTelInput = el}\n                               onKeyDown={e => this.typing(e, this.newUser)}></salla-tel-input>\n            </div>\n\n            <div class={this.generateRegClasses('email')}>\n              <label class=\"s-login-modal-label\">{salla.lang.get('common.elements.email')}</label>\n              <input type=\"email\" ref={el => this.regEmail = el} onKeyDown={e => this.typing(e, this.newUser)}\n                     placeholder=\"your@email.com\"\n                     class=\"s-login-modal-input s-ltr\"/>\n              <span class=\"s-login-modal-error-message\"/>\n            </div>\n            <div class=\"s-login-modal-custom-fields\" ref={el => this.customFieldsWrapper = el}>{\n              this.customFields.map((field: CustomField) => [\n                <label class=\"s-login-modal-label\">{field.label}</label>,\n                field.type === CustomFieldType.PHOTO\n                  ? <salla-file-upload\n                    name=\"image\"\n                    instant-upload\n                    id={`${field.id}`}\n                    title={field.label}\n                    required={field.required}\n                    url={salla.url.get('upload-image')}\n                    // onUploaded={}\n                    labelIdle={this.getFilepondPlaceholder()}/>\n                  : <input\n                    type=\"text\"\n                    onKeyDown={e => this.typing(e, this.newUser)}\n                    onInput={el => field.type == CustomFieldType.NUMBER ? salla.helpers.inputDigitsOnly(el.target) : {}}\n                    placeholder={field.description}\n                    required={field.required}\n                    title={field.label}\n                    id={`${field.id}`}\n                    class=\"s-login-modal-input s-ltr\"/>,\n                <span class=\"s-login-modal-error-message\"/>\n              ])\n            }</div>\n\n            <salla-button loader-position='center' width=\"wide\" onClick={() => this.newUser()}\n                          ref={b => this.regBtn = b}>{salla.lang.get('blocks.header.register')}</salla-button>\n            <slot name=\"after-registration\"/>\n          </div>\n        </div>\n      </salla-modal>\n    );\n  }\n}\n\n"]}

package/dist/collection/components/salla-loyalty/loyalty-schema.js

@@ -7,3 +7,4 @@ export var LoyaltyTypes;
   LoyaltyTypes["couponDiscount"] = "COUPON_DISCOUNT";
   LoyaltyTypes["freeProduct"] = "FREE_PRODUCT";
 })(LoyaltyTypes || (LoyaltyTypes = {}));
+//# sourceMappingURL=loyalty-schema.js.map

package/dist/collection/components/salla-loyalty/loyalty-schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loyalty-schema.js","sourceRoot":"","sources":["../../../src/components/salla-loyalty/loyalty-schema.ts"],"names":[],"mappings":"AAiEA,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;EACpB,8CAA8B,CAAA;EAC9B,kDAAkC,CAAA;EAClC,4CAA4B,CAAA;AAChC,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB","sourcesContent":["export interface LoyaltyProgram {\n    loyalty_program_id: number;\n    name: string;\n    description: string;\n    image: string;\n    status: boolean;\n    points_validity_by: null;\n    points_validity_value: null;\n    prize_promotion_title: string;\n    prize_promotion_description: string;\n    prize_promotion_logo: string;\n    customer: null;\n    points: Point[];\n    prizes: Prize[];\n}\n\nexport interface Point {\n    id: number;\n    key: string;\n    name: string;\n    description: string;\n    status: boolean;\n    points: number;\n    icon: number;\n    color: number;\n    is_completed: boolean;\n    target_url: string;\n    share_store_url: string;\n    conditions: Condition[];\n}\n\nexport interface Condition {\n    key: string;\n    points: number;\n    condition: null | string;\n    value: null;\n    op: string;\n}\n\nexport interface Prize {\n    type: string;\n    title: string;\n    items: Item[];\n}\n\nexport interface Item {\n    id: number;\n    key: string;\n    name: string;\n    description: string;\n    image: string;\n    status: number;\n    cost_points: number;\n    coupon_type: null | string;\n    coupon_amount: string;\n    coupon_maximum_amount: string;\n    included_category_ids: number[];\n    order_minimum_amount: string;\n    product_id: number | null;\n    use_product_image: number;\n    free_shipping_maximum_amount: string;\n    free_shipping_terms_apply: boolean;\n    prize_url: string;\n}\n\nexport enum LoyaltyTypes {\n    freeShipping = \"FREE_SHIPPING\",\n    couponDiscount = \"COUPON_DISCOUNT\",\n    freeProduct = \"FREE_PRODUCT\"\n}"]}

package/dist/collection/components/salla-loyalty/salla-loyalty-prize-item.js

@@ -67,3 +67,4 @@ export class SallaLoyaltyPrizeItem {
       }
     }]; }
 }
+//# sourceMappingURL=salla-loyalty-prize-item.js.map

package/dist/collection/components/salla-loyalty/salla-loyalty-prize-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-loyalty-prize-item.js","sourceRoot":"","sources":["../../../src/components/salla-loyalty/salla-loyalty-prize-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAQ9E,MAAM,OAAO,qBAAqB;EAY9B,gBAAgB;IACZ,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;EAC1C,CAAC;EAED,MAAM;IACF,OAAO,CACH,EAAC,IAAI;MACD,WAAK,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;QAC1C,WAAK,KAAK,EAAC,4BAA4B,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,GAAI;QACrF,WAAK,KAAK,EAAC,4BAA4B,IAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAO;QAC9D,WAAK,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAO;QACxE,WAAK,KAAK,EAAC,6BAA6B;UAAE,IAAI,CAAC,IAAI,CAAC,WAAW;oBAAc,CAC3E,CACH,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop, Host, Event, EventEmitter } from '@stencil/core';\nimport { Item } from \"./loyalty-schema\"\n\n\n@Component({\n    tag: 'salla-loyalty-prize-item',\n    styleUrl: 'salla-loyalty-prize-item.scss',\n})\nexport class SallaLoyaltyPrizeItem {\n\n    /**\n     * Prize item to be displayed in this component.\n     */\n    @Prop() item: Item;\n\n    /**\n     * Event emmited when the user select this item.\n     */\n    @Event() prizeItemSelected: EventEmitter<Item>\n\n    onPrizeItemClick() {\n        this.prizeItemSelected.emit(this.item)\n    }\n\n    render() {\n        return (\n            <Host>\n                <div onClick={this.onPrizeItemClick.bind(this)}>\n                    <img class=\"s-loyalty-prize-item-image\" src={this.item.image} alt={this.item.name} />\n                    <div class=\"s-loyalty-prize-item-title\">{this.item.name}</div>\n                    <div class=\"s-loyalty-prize-item-subtitle\">{this.item.description}</div>\n                    <div class=\"s-loyalty-prize-item-points\">{this.item.cost_points} Points</div>\n                </div>\n            </Host>\n        );\n    }\n}\n"]}

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

@@ -444,3 +444,4 @@ export class SallaLoyalty {
     }
   }; }
 }
+//# sourceMappingURL=salla-loyalty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"salla-loyalty.js","sourceRoot":"","sources":["../../../src/components/salla-loyalty/salla-loyalty.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Item, LoyaltyProgram, Prize} from './loyalty-schema';\nimport {Component, h, Method, Prop, State} from '@stencil/core';\nimport Star2 from '../../assets/svg/star2.svg';\nimport Star3 from '../../assets/svg/star3.svg';\nimport CancelIcon from '../../assets/svg/cancel.svg';\nimport GiftImg from '../../assets/svg/flat.svg';\n\n/**\n * @slot widget - When used, will activate the component and needs to emit `loyalty::open` event to open the modal. If not provided the default value will be used.\n * @slot points-applied-widget -  Widget to show information about the already exchanged points. It should have it's own resetting action and call the `resetExchange` method. If not provided, it will use the default value.\n */\n@Component({\n  tag: 'salla-loyalty',\n  styleUrl: 'salla-loyalty.scss',\n})\nexport class SallaLoyalty {\n\n  constructor() {\n    salla.event.on('loyalty::open', () => this.open());\n\n    salla.auth.event.onLoggedIn(() => {\n      this.is_loggedin = true\n    })\n\n    salla.lang.onLoaded(() => {\n      this.guestMessage = salla.lang.get('pages.loyalty_program.guest_message');\n      this.translationLoaded = true;\n    })\n\n    salla.cart.event.onUpdated(cart => {\n      this.prizePoints = cart.loyalty.prize?.points;\n      this.prizeTitle = cart.loyalty.prize?.title;\n      this.customerPoints = cart.loyalty.customer_points || this.customerPoints;\n    })\n  }\n\n  private modal: HTMLSallaModalElement;\n  private confirmationModal: HTMLSallaModalElement;\n\n  @State() loyaltyProgram: LoyaltyProgram = undefined;\n  @State() buttonLoading: boolean = false;\n  @State() selectedItem: Item | undefined = undefined;\n  @State() askConfirmation: boolean = false;\n  @State() is_loggedin: boolean = false;\n  @State() hasError: boolean = false;\n\n  @State() errorMessage: string;\n\n  //todo:: drop it\n  @State() translationLoaded: boolean;\n\n  /**\n   * The exchanged prize point\n   */\n  @Prop({mutable: true, reflect: true}) prizePoints: string | number;\n\n  /**\n   * Available customer points with which they can exchange.\n   */\n  @Prop({mutable: true, reflect: true}) customerPoints: number;\n\n  /**\n   * The prize title\n   */\n  @Prop({mutable: true, reflect: true}) prizeTitle: string;\n\n  /**\n   * Does the merchant allow to login using email\n   */\n  @Prop() allowEmail: boolean = true;\n\n  /**\n   * Does the merchant/current location for visitor allow to login using mobile, By default outside KSA is `false`\n   */\n  @Prop() allowMobile: boolean = true;\n\n  /**\n   * Does the merchant require registration with email & mobile\n   */\n  @Prop() requireEmail: boolean = false;\n\n  //todo:: change it to state\n  /**\n   * Message to show for guest users.\n   */\n  @Prop({mutable: true}) guestMessage: string\n\n\n  private setSelectedPrizeItem(item) {\n    if (!this.selectedItem || this.selectedItem?.id != item.id) {\n      this.selectedItem = item;\n    } else {\n      this.selectedItem = undefined\n    }\n  }\n\n  private handleLongText(text: string) {\n    if (text.length > 150) {\n      return text.substring(0, 150) + '...';\n    }\n\n    return text;\n  }\n\n  private prizeItem(item: Item) {\n    let klass = {\n      's-loyalty-prize-item-selected': !!this.selectedItem && this.selectedItem?.id == item.id,\n      \"s-loyalty-prize-item\": true\n    }\n    return <div onClick={() => this.setSelectedPrizeItem(item)} class={klass}>\n      <img class=\"s-loyalty-prize-item-image\" src={item.image} alt={item.name}/>\n      <div class=\"s-loyalty-prize-item-title\">{item.name}</div>\n      <div class=\"s-loyalty-prize-item-subtitle\">{this.handleLongText(item.description)}</div>\n      <div class=\"s-loyalty-prize-item-points\">\n        {item.cost_points} {salla.lang.get('pages.loyalty_program.point')}\n        <div class=\"s-loyalty-prize-item-check\">\n          <div></div>\n        </div>\n      </div>\n    </div>\n  }\n\n  private getConfirmationModal() {\n    return [\n      <salla-placeholder alignment=\"center\" icon={Star3} class=\"s-loyalty-confirmation-modal-content\">\n        <div slot=\"title\" class=\"s-loyalty-confirmation-title\">\n          {salla.lang.get('pages.loyalty_program.exchange_points')}\n        </div>\n        <div slot=\"description\">\n          {salla.lang.get('pages.loyalty_program.are_you_sure_to_exchange')} ( <strong>{this.selectedItem?.cost_points}</strong> {salla.lang.get('pages.loyalty_program.point')} ) {salla.lang.get('pages.loyalty_program.for')} ( <strong>{this.selectedItem?.name}</strong> )\n        </div>\n      </salla-placeholder>,\n      <div class=\"s-loyalty-confirmation-actions\">\n        <salla-button fill='outline' width=\"wide\"\n                      onClick={() => this.cancelProcess()}>{salla.lang.get('pages.loyalty_program.cancellation')}</salla-button>\n        <salla-button loading={this.buttonLoading} width=\"wide\"\n                      onClick={() => this.exchangeLoyaltyPoint()}>{salla.lang.get('pages.loyalty_program.confirm')}</salla-button>\n      </div>\n    ]\n  }\n\n  private getAfterExchangeUI() {\n    return <slot name='points-applied-widget'>\n      <salla-list-tile class=\"s-loyalty-after-exchange\">\n        <div slot=\"title\" class=\"s-loyalty-after-exchange-title\">\n          {this.prizeTitle} &nbsp; - &nbsp; {this.prizePoints} {salla.lang.get('pages.loyalty_program.point')}\n        </div>\n        <div slot='action' class=\"s-loyalty-after-exchange-action\">\n          <salla-button class=\"s-loyalty-after-exchange-reset\" shape=\"icon\" fill='outline' color=\"danger\" size=\"small\"\n                        onClick={() => this.resetExchange()}>\n            <span innerHTML={CancelIcon}/>\n          </salla-button>\n        </div>\n      </salla-list-tile>\n    </slot>\n  }\n\n  /**\n   * Show loyalty modal\n   */\n  @Method()\n  async open() {\n    if (!this.is_loggedin) return salla.event.dispatch('login::open');\n    this.modal?.open()\n    return await salla.loyalty.getProgram()\n      .then(response => this.loyaltyProgram = response.data)\n      .catch(e => {\n        this.hasError = true;\n        this.errorMessage = e.response?.data?.error?.message || e.response?.data;\n      })\n      .finally(() => this.modal?.stopLoading())\n\n  }\n\n  /**\n   *\n   * Hide loyalty modal\n   */\n  @Method()\n  async close() {\n    return this.modal.close();\n  }\n\n  /**\n   *\n   * Cancel Exchanged prizes\n   */\n  @Method()\n  async resetExchange() {\n    return await salla.loyalty.reset();\n  }\n\n  /**\n   * Open Confirmation modal\n   */\n  private async openConfirmation() {\n    return await this.modal.close()\n      .then(() => this.confirmationModal?.open())\n      .catch(e => console.log(e))\n  }\n\n  /**\n   * Cancel process\n   */\n  private async cancelProcess() {\n    return await this.confirmationModal.close()\n      .then(() => this.selectedItem = null)\n      .catch(e => console.log(e))\n  }\n\n  /**\n   * Exchange loyalty points with the selected prize item\n   * @param {number} loyalty_prize_id\n   *\n   */\n  @Method()\n  async exchangeLoyaltyPoint() {\n    this.buttonLoading = true;\n    return await salla.loyalty.exchange(this.selectedItem?.id)\n      .then(() => this.selectedItem.key == \"FREE_PRODUCT\" && salla.url.is_page('cart') && window.location.reload())\n      .finally(() => {\n          this.buttonLoading = false;\n          this.cancelProcess()\n        }\n      )\n  }\n\n  render() {\n\n    // A. when the exchange is done, and we have the final prize points to show it in cart page\n    if (this.prizePoints) {\n      return this.getAfterExchangeUI();\n    }\n\n    //todo:: change all translations to states\n    return [\n      <slot name='widget'>\n        {/* B. he wants to use the default widget by pass the customer points . */}\n        {\n          this.customerPoints ?\n            <salla-list-tile class='s-loyalty-widget'>\n              <div slot=\"icon\" class=\"s-loyalty-widget-icon\" innerHTML={Star2}/>\n              <div slot=\"subtitle\">\n                {this.customerPoints ? salla.lang.get('pages.loyalty_program.cart_total_point_summary', {\"balance\": this.customerPoints}) : this.guestMessage}\n                <salla-button shape=\"link\" color=\"primary\" onClick={() => salla.event.dispatch(\"loyalty::open\")}>\n                  {this.customerPoints ? salla.lang.get('pages.loyalty_program.cart_point_exchange_now') : salla.lang.get('blocks.header.login')}\n                </salla-button>\n              </div>\n            </salla-list-tile> :\n            ''\n        }\n      </slot>,\n      <salla-modal noPadding width=\"sm\"\n                   ref={modal => this.confirmationModal = modal}>\n        {this.getConfirmationModal()}\n      </salla-modal>,\n      <salla-modal isLoading={true} has-skeleton={true} width=\"md\" ref={modal => this.modal = modal}>\n        <div slot=\"loading\">\n          <div class=\"s-loyalty-skeleton\">\n            <salla-list-tile class=\"s-loyalty-header\">\n              <div slot=\"icon\" class=\"s-loyalty-header-icon\">\n                <salla-skeleton type=\"circle\" height='6rem' width='6rem'/>\n              </div>\n\n              <div slot=\"title\" class=\"s-loyalty-header-title mb-5\">\n                <salla-skeleton height='15px' width='50%'/>\n              </div>\n              <div slot=\"subtitle\" class=\"s-loyalty-header-subtitle\">\n                <salla-skeleton height='10px'/>\n                <salla-skeleton height='10px' width='75%'/>\n              </div>\n\n            </salla-list-tile>\n            <div class=\"s-loyalty-skeleton-cards\">\n              {[...Array(3)].map(() =>\n                <div class=\"s-loyalty-prize-item swiper-slide\">\n                  <salla-skeleton height='9rem'/>\n                  <div class=\"s-loyalty-prize-item-title\">\n                    <salla-skeleton height='15px' width='75%'/>\n                  </div>\n                  <div class=\"s-loyalty-prize-item-subtitle\">\n                    <salla-skeleton height='10px' width='50%'/>\n                    <salla-skeleton height='10px' width='25%'/>\n                  </div>\n                  <div class=\"s-loyalty-prize-item-points\">\n                    <salla-skeleton height='15px' width='100px'/>\n                    <div class=\"s-loyalty-prize-item-check\">\n                      <salla-skeleton height='1rem' width='1rem' type='circle'/>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n        {\n          !this.hasError && !!this.loyaltyProgram ?\n            [\n              <salla-list-tile id='s-loyalty-header' class=\"s-loyalty-header\">\n                <div slot=\"icon\" class=\"s-loyalty-header-icon\" innerHTML={GiftImg}/>\n\n                <div slot=\"title\" class=\"s-loyalty-header-title\">\n                  {this.loyaltyProgram.prize_promotion_title}\n                </div>\n\n                <div slot=\"subtitle\" class=\"s-loyalty-header-subtitle\">\n                  {this.loyaltyProgram.prize_promotion_description}\n                </div>\n\n              </salla-list-tile>,\n              <salla-tabs>\n                {this.loyaltyProgram.prizes.map((prize: Prize) =>\n                  <salla-tab-header slot=\"header\" name={prize.title}>\n                    <span>{prize.title}</span>\n                  </salla-tab-header>\n                )}\n                {this.loyaltyProgram.prizes.map((prize: Prize, index) =>\n                  <salla-tab-content slot=\"content\" name={prize.title}>\n                    <salla-slider\n                      class=\"s-loyalty-slider\"\n                      loop={false}\n                      controls-outer={true}\n                      id={'loyalty-popup-slider-' + index}\n                      type=\"carousel\">\n                      <div slot='items'>\n                        {prize.items.map((item: Item) =>\n                          this.prizeItem(item)\n                        )}\n                      </div>\n                    </salla-slider>\n                  </salla-tab-content>\n                )}\n              </salla-tabs>,\n              <salla-button disabled={!this.selectedItem} width=\"wide\"\n                            class=\"s-loyalty-program-redeem-btn\"\n                            onClick={() => this.openConfirmation()}>{salla.lang.get('pages.loyalty_program.exchange_points')}</salla-button>,\n\n            ]\n            : <salla-placeholder class=\"s-loyalty-placeholder\" alignment=\"center\">\n              {!!this.errorMessage ? <span slot=\"description\">{this.errorMessage}</span> : ''}\n            </salla-placeholder>\n        }\n      </salla-modal>,\n    ];\n  }\n\n  componentDidLoad() {\n    this.is_loggedin = salla.config.isUser()\n  }\n}\n"]}

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

@@ -343,3 +343,4 @@ export default {
   light,
   dark,
 };
+//# sourceMappingURL=map-styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"map-styles.js","sourceRoot":"","sources":["../../../src/components/salla-map/map-styles.ts"],"names":[],"mappings":"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","sourcesContent":["// export json\nconst light: google.maps.MapTypeStyle[] = [\n  {\n    featureType: 'water',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#e9e9e9',\n      },\n      {\n        lightness: 17,\n      },\n    ],\n  },\n  {\n    featureType: 'landscape',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#f5f5f5',\n      },\n      {\n        lightness: 20,\n      },\n    ],\n  },\n  {\n    featureType: 'road.highway',\n    elementType: 'geometry.fill',\n    stylers: [\n      {\n        color: '#ffffff',\n      },\n      {\n        lightness: 17,\n      },\n    ],\n  },\n  {\n    featureType: 'road.highway',\n    elementType: 'geometry.stroke',\n    stylers: [\n      {\n        color: '#ffffff',\n      },\n      {\n        lightness: 29,\n      },\n      {\n        weight: 0.2,\n      },\n    ],\n  },\n  {\n    featureType: 'road.arterial',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#ffffff',\n      },\n      {\n        lightness: 18,\n      },\n    ],\n  },\n  {\n    featureType: 'road.local',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#ffffff',\n      },\n      {\n        lightness: 16,\n      },\n    ],\n  },\n  {\n    featureType: 'poi',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#f5f5f5',\n      },\n      {\n        lightness: 21,\n      },\n    ],\n  },\n  {\n    featureType: 'poi.park',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#dedede',\n      },\n      {\n        lightness: 21,\n      },\n    ],\n  },\n  {\n    elementType: 'labels.text.stroke',\n    stylers: [\n      {\n        visibility: 'on',\n      },\n      {\n        color: '#ffffff',\n      },\n      {\n        lightness: 16,\n      },\n    ],\n  },\n  {\n    elementType: 'labels.text.fill',\n    stylers: [\n      {\n        saturation: 36,\n      },\n      {\n        color: '#333333',\n      },\n      {\n        lightness: 40,\n      },\n    ],\n  },\n  {\n    elementType: 'labels.icon',\n    stylers: [\n      {\n        visibility: 'off',\n      },\n    ],\n  },\n  {\n    featureType: 'transit',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#f2f2f2',\n      },\n      {\n        lightness: 19,\n      },\n    ],\n  },\n  {\n    featureType: 'administrative',\n    elementType: 'geometry.fill',\n    stylers: [\n      {\n        color: '#fefefe',\n      },\n      {\n        lightness: 20,\n      },\n    ],\n  },\n  {\n    featureType: 'administrative',\n    elementType: 'geometry.stroke',\n    stylers: [\n      {\n        color: '#fefefe',\n      },\n      {\n        lightness: 17,\n      },\n      {\n        weight: 1.2,\n      },\n    ],\n  },\n];\nconst dark: google.maps.MapTypeStyle[] = [\n  {\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#242f3e',\n      },\n    ],\n  },\n  {\n    elementType: 'labels.text.fill',\n    stylers: [\n      {\n        color: '#746855',\n      },\n    ],\n  },\n  {\n    elementType: 'labels.text.stroke',\n    stylers: [\n      {\n        color: '#242f3e',\n      },\n    ],\n  },\n  {\n    featureType: 'administrative.locality',\n    elementType: 'labels.text.fill',\n    stylers: [\n      {\n        color: '#d59563',\n      },\n    ],\n  },\n  {\n    featureType: 'poi',\n    elementType: 'labels.text.fill',\n    stylers: [\n      {\n        color: '#d59563',\n      },\n    ],\n  },\n  {\n    featureType: 'poi.park',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#263c3f',\n      },\n    ],\n  },\n  {\n    featureType: 'poi.park',\n    elementType: 'labels.text.fill',\n    stylers: [\n      {\n        color: '#6b9a76',\n      },\n    ],\n  },\n  {\n    featureType: 'road',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#38414e',\n      },\n    ],\n  },\n  {\n    featureType: 'road',\n    elementType: 'geometry.stroke',\n    stylers: [\n      {\n        color: '#212a37',\n      },\n    ],\n  },\n  {\n    featureType: 'road',\n    elementType: 'labels.text.fill',\n    stylers: [\n      {\n        color: '#9ca5b3',\n      },\n    ],\n  },\n  {\n    featureType: 'road.highway',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#746855',\n      },\n    ],\n  },\n  {\n    featureType: 'road.highway',\n    elementType: 'geometry.stroke',\n    stylers: [\n      {\n        color: '#1f2835',\n      },\n    ],\n  },\n  {\n    featureType: 'road.highway',\n    elementType: 'labels.text.fill',\n    stylers: [\n      {\n        color: '#f3d19c',\n      },\n    ],\n  },\n  {\n    featureType: 'transit',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#2f3948',\n      },\n    ],\n  },\n  {\n    featureType: 'transit.station',\n    elementType: 'labels.text.fill',\n    stylers: [\n      {\n        color: '#d59563',\n      },\n    ],\n  },\n  {\n    featureType: 'water',\n    elementType: 'geometry',\n    stylers: [\n      {\n        color: '#17263c',\n      },\n    ],\n  },\n  {\n    featureType: 'water',\n    elementType: 'labels.text.fill',\n    stylers: [\n      {\n        color: '#515c6d',\n      },\n    ],\n  },\n  {\n    featureType: 'water',\n    elementType: 'labels.text.stroke',\n    stylers: [\n      {\n        color: '#17263c',\n      },\n    ],\n  },\n];\nexport default {\n  light,\n  dark,\n};\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"salla-map.js","sourceRoot":"","sources":["../../../src/components/salla-map/salla-map.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, Method, State, Event, EventEmitter, Element } from '@stencil/core';\nimport Location from '../../assets/svg/location.svg';\nimport Edit from '../../assets/svg/edit.svg';\nimport CurrentLocation from '../../assets/svg/location-target.svg';\nimport LocationMarker from '../../assets/svg/location-marker.svg';\nimport styles from './map-styles';\n\n// import google maps\nimport { Loader, LoaderOptions } from 'google-maps';\n\n@Component({\n  tag: 'salla-map',\n  styleUrl: 'salla-map.scss',\n})\nexport class SallaMap {\n  // private variables\n  private map: google.maps.Map;\n  private locationModal: HTMLSallaModalElement;\n  private marker: google.maps.Marker;\n  private defaultLat: number = 21.419421;//Mecca 🕋\n  private defaultLng: number = 39.82553;//Mecca 🕋\n  @Element() host: HTMLElement;\n  // state variables\n  @State() modalActivityTitle: string = salla.lang.get('pages.checkout.select_your_address_from_map');\n  @State() confirmButtonTitle: string = salla.lang.get('pages.checkout.confirm_address');\n  @State() locateButtonTitle: string = salla.lang.get('pages.cart.detect_location');\n  @State() locateButtonEdit: string = salla.lang.get('common.elements.edit');\n  @State() searchPlaceholder: string = salla.lang.get('pages.checkout.search_for_address');\n  @State() searchInputValue: string = null;\n  @State() formattedAddress: string = '';\n  @State() geolocationError: boolean = false;\n  @State() searchInput: HTMLInputElement;\n  @State() mapInput: HTMLInputElement;\n  @State() mapElement: HTMLElement;\n  @State() selectedLat: number;\n  @State() selectedLng: number;\n\n  constructor() {\n    salla.lang.onLoaded(() => {\n      this.modalActivityTitle = salla.lang.get('pages.checkout.select_your_address_from_map');\n      this.confirmButtonTitle = salla.lang.get('pages.checkout.confirm_address');\n      this.locateButtonTitle = salla.lang.get('pages.cart.detect_location');\n      this.locateButtonEdit = salla.lang.get('common.elements.edit');\n      this.searchPlaceholder = salla.lang.get('pages.checkout.search_for_address');\n    });\n    this.apiKey = 'AIzaSyBPhPJ4KG13ywvmeAovLRnbi7WzlsdcWKs';\n  }\n\n  private formatAddress(address: string) {\n    return address.length > 25 ? address.substring(0, 25) + '...' : address;\n  }\n\n  private getLatLng(){\n    return this.selectedLat && this.selectedLng ? `${this.selectedLat}, ${this.selectedLng}` : null\n  }\n  private getPositionAddress(location: google.maps.LatLng, submit: boolean = false) {\n    // get address and set it to search input\n    const Geocoder = new google.maps.Geocoder();\n    Geocoder.geocode(\n      {\n        location,\n      },\n      (results, status) => {\n        if (status === google.maps.GeocoderStatus.OK) {\n          if (this.searchable) {\n            this.searchInputValue = results[0].formatted_address;\n            this.searchInput.value = results[0].formatted_address;\n          }\n          if (submit) {\n            this.formattedAddress = results[0].formatted_address;\n          }\n        }\n      }\n    );\n  }\n\n  private initGoogleMaps(options: LoaderOptions, mapDOM: Element) {\n    const loader = new Loader(this.apiKey, options);\n\n    loader.load().then(google => {\n      this.map = new google.maps.Map(mapDOM, {\n        center: (this.lat || this.lng) ? {\n          lat: this.lat,\n          lng: this.lng,\n        } : {\n          lat: this.defaultLat,\n          lng: this.defaultLng,\n        },\n        zoom: this.zoom,\n        zoomControl: true,\n        mapTypeControl: false,\n        scaleControl: false,\n        streetViewControl: false,\n        rotateControl: false,\n        fullscreenControl: false,\n        disableDefaultUI: false,\n      });\n\n      this.map.setOptions({\n        styles: this.theme === 'light' ? styles.light : styles.dark,\n      });\n\n      this.marker = new google.maps.Marker({\n        position: this.map.getCenter(),\n        map: this.map,\n        icon: {\n          url: 'data:image/svg+xml;utf8,' + encodeURIComponent(LocationMarker),\n          scaledSize: new google.maps.Size(30, 30),\n        },\n      });\n\n      if (this.searchable) {\n        const searchBox = new google.maps.places.SearchBox(this.searchInput);\n        google.maps.event.addListener(searchBox, 'places_changed', () => {\n          const places = searchBox.getPlaces();\n          // goto first place\n          if (places.length > 0 && this.map) {\n            this.map.setCenter(places[0].geometry.location);\n            this.lat = places[0].geometry.location.lat();\n            this.lng = places[0].geometry.location.lng();\n            // set marker\n            this.marker.setPosition(places[0].geometry.location);\n            this.searchInputValue = places[0].formatted_address;\n            this.formattedAddress = places[0].formatted_address;\n          }\n        });\n      }\n      // add listener to map\n      google.maps.event.addListener(this.map, 'click', e => {\n        if (this.readonly) return;\n        this.marker.setPosition(e.latLng);\n        this.lat = e.latLng.lat();\n        this.lng = e.latLng.lng();\n        this.getPositionAddress(e.latLng);\n        this.mapClicked.emit({\n          lat: e.latLng.lat(),\n          lng: e.latLng.lng(),\n          address: this.formattedAddress ? this.formattedAddress : null,\n        });\n      });\n      if (!this.lat && !this.lng) {\n        this.getCurrentLocation();\n        if (this.geolocationError) {\n          this.map.setCenter({\n            lat: this.lat,\n            lng: this.lng,\n          });\n          this.marker.setPosition({\n            lat: this.lat,\n            lng: this.lng,\n          });\n        }\n      }\n    });\n  }\n\n  private getCurrentLocation() {\n    if (navigator.geolocation && this.map) {\n      navigator.geolocation.getCurrentPosition(position => {\n        // set map to this location\n        const mapOptions = {\n          center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),\n          zoom: 15,\n        };\n        this.map.setOptions(mapOptions);\n        // set marker\n        this.marker.setPosition(mapOptions.center);\n        this.getPositionAddress(mapOptions.center);\n        this.lat = position.coords.latitude;\n        this.lng = position.coords.longitude;\n        this.currentLocationChanged.emit({\n          lat: position.coords.latitude,\n          lng: position.coords.longitude,\n          address: this.formattedAddress ? this.formattedAddress : null,\n        });\n      }, this.handleLocationError.bind(this));\n    } else {\n      salla.log('Geolocation is not supported by this browser.');\n      this.geolocationError = true;\n    }\n  }\n\n  private handleLocationError(error) {\n    this.geolocationError = true;\n    switch (error.code) {\n      case error.PERMISSION_DENIED:\n        salla.log('User denied the request for Geolocation.');\n        break;\n      case error.POSITION_UNAVAILABLE:\n        salla.log('Location information is unavailable.');\n        break;\n      case error.TIMEOUT:\n        salla.log('The request to get user location timed out.');\n        break;\n      case error.UNKNOWN_ERROR:\n        salla.log('An unknown error occurred.');\n        break;\n    }\n  }\n  componentDidLoad() {\n    // if lat and lng provided then get the formatted address\n    if (this.lat && this.lng) {\n      // get address\n      fetch(\n        `https://maps.googleapis.com/maps/api/geocode/json?latlng=${this.lat},${this.lng}&key=${this.apiKey}&language=${salla.config.get('user.language_code') ||\n        document.documentElement.lang ||\n        'ar'}`\n      )\n        .then(res => res.json())\n        .then(res => {\n          if (res.status === 'OK') {\n            this.formattedAddress = res.results[0].formatted_address;\n            this.searchInputValue = res.results[0].formatted_address;\n            this.searchInput.value = res.results[0].formatted_address;\n            this.selectedLng = this.lng;\n            this.selectedLat = this.lat;\n          }\n        }\n        );\n    }\n    this.mapInput.addEventListener('invalid', e => {\n      this.invalidInput.emit(e);\n    });\n    this.mapInput.addEventListener('input', () => {\n      this.mapInput.setCustomValidity('');\n      this.mapInput.reportValidity();\n    });\n  }\n  /**\n   * Open location component\n   */\n  @Method()\n  async open() {\n    // only init google maps on modal open :) to save resources\n    if (!this.map)\n      this.initGoogleMaps(\n        {\n          libraries: this.searchable ? ['places', 'search'] : [],\n          language:\n            salla.config.get('user.language_code') ||\n            document.documentElement.lang ||\n            'ar',\n        },\n        this.mapElement\n      );\n    return this.locationModal?.open();\n  }\n\n  /**\n   * File input name for the native formData\n   */\n  @Prop() name: string = 'location';\n\n  /**\n   * Set if the location input is required or not\n   */\n  @Prop() required: boolean = false;\n  /**\n   * Disable or enable actions\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Sets the search bar visibility.\n   */\n  @Prop({ mutable: true }) searchable: boolean = false;\n\n  /**\n   * Latitude coordinate, defaults to current user location\n   */\n  @Prop({ mutable: true }) lat: number;\n\n  /**\n   * Longitude coordinate, defaults to current user location\n   */\n  @Prop({ mutable: true }) lng: number;\n\n  /**\n   * Sets google api key value, default Merchant key\n   */\n  @Prop({ mutable: true }) apiKey: string;\n\n  /**\n   * Modal Title\n   */\n  @Prop() modalTitle: string;\n\n  /**\n   * Sets start map zoom.\n   */\n\n  @Prop({ mutable: true }) zoom: number = 10;\n\n  /**\n   * Sets map style.\n   */\n  @Prop({ mutable: true }) theme: string = 'light';\n\n  /**\n   * Custom DOM event emitter when location is selected\n   */\n  @Event() selected: EventEmitter;\n\n  /**\n   * Custom DOM event emitter when map is clicked\n   */\n  @Event() mapClicked: EventEmitter;\n\n  /**\n   * Custom DOM event emitter when current location is selected\n   */\n  @Event() currentLocationChanged: EventEmitter;\n\n  /**\n   * Event emitted when the input is invalid.\n   */\n  @Event() invalidInput: EventEmitter<any>;\n  \n  // rendering functions\n  private getLocationModal() {\n    return (\n      <div>\n        <div class=\"s-map-modal-title\">{!!this.modalTitle ? this.modalTitle : this.modalActivityTitle}</div>\n        <div class=\"s-map-modal-body\">\n          <div class=\"s-map-element\" ref={el => (this.mapElement = el)}></div>\n          {this.readonly ? \"\" :\n            [\n              this.searchable && (\n                <div class=\"s-map-search-wrapper\">\n                  <input class=\"s-map-search-input\" ref={el => (this.searchInput = el)} placeholder={this.searchPlaceholder}></input>\n                </div>\n              ),\n              <salla-button\n                class=\"s-map-my-location-button\"\n                onClick={() => {\n                  this.getCurrentLocation();\n                }}\n                shape=\"icon\"\n                color=\"primary\"\n              >\n                <span innerHTML={CurrentLocation}></span>\n              </salla-button>,\n              <salla-button\n                class=\"s-map-submit-button\"\n                color=\"primary\"\n                width=\"wide\"\n                onClick={() => {\n                  let points = {\n                    lat: this.lat,\n                    lng: this.lng,\n                    address: this.formattedAddress ? this.formattedAddress : null,\n                  };\n                  salla.event.emit('salla-map::selected', points)\n                  this.selected.emit(points);\n                  this.selectedLat = points.lat;\n                  this.selectedLng = points.lng;\n                  this.getPositionAddress(new google.maps.LatLng(points.lat, points.lng), true);\n                  if (!this.selectedLat || !this.selectedLng) {\n                    this.mapInput.value = null;\n                  } else {\n                    this.mapInput.value = `${this.selectedLat}, ${this.selectedLng}`;\n                  }\n                  this.mapInput.dispatchEvent(new window.Event('change', { bubbles: true }))\n                  this.locationModal.close();\n                }}\n              >\n                {this.confirmButtonTitle}\n              </salla-button>]\n          }\n        </div>\n      </div>\n    );\n  }\n\n  // render\n  render() {\n    return (\n      <Host class=\"s-map-wrapper\">\n        <salla-modal\n          class=\"s-map-modal-wrapper\"\n          noPadding\n          ref={modal => {\n            this.locationModal = modal;\n          }}\n        >\n          {this.getLocationModal()}\n        </salla-modal>\n\n        <slot name=\"button\">\n          <salla-button\n            onClick={() => {\n              this.open();\n            }}\n            color=\"primary\"\n            class=\"s-map-location-button\"\n          >\n            <span class=\"s-map-location-icon\" innerHTML={this.formattedAddress ? Edit : Location} />\n            {this.formattedAddress ? (\n              <div>\n                {this.locateButtonEdit} | {this.formatAddress(this.formattedAddress)}\n              </div>\n            ) : (\n              this.locateButtonTitle\n            )}\n          </salla-button>\n        </slot>\n\n        <input class=\"s-hidden\" name={this.name} required={this.required} value={this.getLatLng()}\n          ref={color => this.mapInput = color} />\n      </Host>\n    );\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"salla-modal.js","sourceRoot":"","sources":["../../../src/components/salla-modal/salla-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,eAAe,CAAC;AACrH,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAChE,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C;;GAEG;AAGH,MAAM,OAAO,UAAU;EACrB;IAMA;;OAEG;IACsB,eAAU,GAAY,IAAI,CAAC,CAAA,gDAAgD;IACpG;;OAEG;IACsB,UAAK,GAA8C,IAAI,CAAC;IACjF;;OAEG;IACsB,aAAQ,GAAgC,QAAQ,CAAC;IAC1E;;OAEG;IACsB,YAAO,GAAY,KAAK,CAAC;IAClD;;OAEG;IACsB,gBAAW,GAAY,KAAK,CAAC;IACtD;;OAEG;IACqC,cAAS,GAAY,KAAK,CAAC;IAEnE;;OAEG;IACK,kBAAa,GAAY,KAAK,CAAC,CAAA,2BAA2B;IAElE;;OAEG;IACK,cAAS,GAAY,KAAK,CAAC,CAAA,2BAA2B;IAE9D;;OAEG;IACK,aAAQ,GAAW,EAAE,CAAC;IAE9B;;OAEG;IACK,aAAQ,GAAY,KAAK,CAAC;IAElC;;OAEG;IACK,cAAS,GAA+C,SAAS,CAAC;IArDxE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC/E,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACjF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;EAC1D,CAAC;EAgED,aAAa,CAAC,QAAiB;IAC7B,IAAI,CAAC,QAAQ,EAAE;MACb,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;MACxC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;MACxB,OAAO;KACR;IACD,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACvC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACvC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,2DAA2D;EACvG,CAAC;EAGD,WAAW,CAAC,EAAiB;IAC3B,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,EAAE;MACtB,IAAI,CAAC,UAAU,EAAE,CAAA;KAClB;EACH,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,IAAI;IACR,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IACtC,IAAI,CAAC,eAAe,EAAE,CAAC;IACvB,OAAO,IAAI,CAAC,IAAI,CAAC;EACnB,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,KAAK;IACT,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IACrC,OAAO,IAAI,CAAC,IAAI,CAAC;EACnB,CAAC;EAED;;;KAGG;EAEH,KAAK,CAAC,QAAQ,CAAC,UAAU;IACvB,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;IAC7B,OAAO,IAAI,CAAC,IAAI,CAAC;EACnB,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,OAAO;IACX,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACtB,OAAO,IAAI,CAAC,IAAI,CAAC;EACnB,CAAC;EAGD;;KAEG;EAEH,KAAK,CAAC,WAAW;IACf,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACvB,OAAO,IAAI,CAAC,IAAI,CAAC;EACnB,CAAC;EAEO,eAAe;IACrB,MAAM,qBAAqB,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,yBAAyB,CAAgB,CAAC;IAChG,IAAI,CAAC,qBAAqB,EAAE;MAC1B,OAAO;KACR;IACD,UAAU,CAAC,GAAG,EAAE;MACd,qBAAqB,CAAC,KAAK,EAAE,CAAC;IAChC,CAAC,EAAE,GAAG,CAAC,CAAC;EACV,CAAC;EAEO,WAAW,CAAC,MAAM;IACxB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IACtD,MAAM,CAAC,oBAAoB,CAAC,IAAI,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;OACnF,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC;OAC/F,oBAAoB,CAAC,QAAQ,CAAC,IAAI,EAAE,eAAe,EAAE,iBAAiB,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC;IACzF,IAAI,CAAC,MAAM,EAAE;MACX,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAC;KAC5D;EACH,CAAC;EAEO,UAAU;IAChB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;MACpB,OAAO;KACR;IACD,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;EACvC,CAAC;EAEO,gBAAgB;IACtB,OAAO;MACL,cAAc,EAAE,IAAI;MACpB,kBAAkB,EAAE,IAAI,CAAC,SAAS,IAAI,OAAO;MAC7C,oBAAoB,EAAE,IAAI,CAAC,SAAS,IAAI,SAAS;MACjD,mBAAmB,EAAE,CAAC,IAAI,CAAC,SAAS;MACpC,oBAAoB,EAAE,IAAI,CAAC,SAAS,IAAI,SAAS;KAClD,CAAC;EACJ,CAAC;EAEO,QAAQ;IACd,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;EACvE,CAAC;EAED,4BAA4B;EAC5B,MAAM;IACJ,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,aAAa,CAAC;IAG7C,IAAI,IAAI,CAAC,SAAS,EAAE;MAClB,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,gDAAgD,gBAAY,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QAC5H,WAAK,KAAK,EAAC,iBAAiB,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAAI;QAC/F,WAAK,KAAK,EAAC,iBAAiB;UAC1B,YAAM,KAAK,EAAE,+BAA+B,GAAG,IAAI,CAAC,QAAQ,aAAgB;UAC5E,WAAK,KAAK,EAAE,eAAe,GAAG,gBAAgB,GAAG,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,kBAAkB,CAAC;YAC3J,YAAM,IAAI,EAAC,SAAS;cAClB,wBAA+B,CAC1B;YAOP,WAAK,KAAK,EAAC,UAAU;cACnB,eAAQ,CACJ,CACF,CACF,CACD,CACR,CAAC;KACH;IAGD,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,gDAAgD,gBAAY,MAAM,EAAC,IAAI,EAAC,QAAQ;MAC1F,WAAK,KAAK,EAAC,iBAAiB,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,GAAI;MAC/F,WAAK,KAAK,EAAC,iBAAiB;QAC1B,YAAM,KAAK,EAAE,+BAA+B,GAAG,IAAI,CAAC,QAAQ,aAAgB;QAC5E,WACE,KAAK,EAAE,eAAe,GAAG,gBAAgB,GAAG,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,kBAAkB,CAAC;UACxJ,WAAK,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,CAAC,QAAQ,EAAE;YACvE,IAAI,CAAC,UAAU,CAAC,CAAC;cAChB,cAAQ,KAAK,EAAC,eAAe,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,EAAC,QAAQ;gBAC3E,YAAM,SAAS,EAAE,UAAU,GAAI,CACxB;cACT,CAAC,CAAC,EAAE;YAEL,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;cACjC,WAAK,KAAK,EAAC,sBAAsB;gBAC/B,YAAM,IAAI,EAAC,MAAM,IACd,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;kBACjB,WAAK,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,GAAI;kBACjH,CAAC,CAAC,EAAE,CAED;gBACP,WAAK,KAAK,EAAC,wBAAwB;kBAChC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,WAAK,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,qBAAqB,EAAE,IAAI,CAAC,aAAa,EAAE,EACjG,SAAS,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC,CAAC,CAAC,EAAE;kBACpC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAG,KAAK,EAAE,EAAE,mBAAmB,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,GAAI,CAAC,CAAC,CAAC,EAAE,CACvF,CACF;cACN,CAAC,CAAC,EAAE,CACF;UACN,eAAQ;UACR,YAAM,IAAI,EAAC,QAAQ,GAAG,CAElB,CACF,CACD,CACR,CAAC;EACJ,CAAC;EACD,+EAA+E;EAC/E,gBAAgB;IACd,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAClC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Host, Method, Prop, State, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport CancelIcon from '../../assets/svg/cancel.svg';\nimport AlertEngineIcon from '../../assets/svg/alert-engine.svg';\nimport CheckCircleIcon from '../../assets/svg/check-circle2.svg';\nimport Helper from '../../Helpers/Helper';\n\n/**\n * @slot footer - The footer of modal\n */\n\n@Component({ tag: 'salla-modal', styleUrl: 'salla-modal.scss' })\nexport class SallaModal {\n  constructor() {\n    salla.event.on('modal::open', target => target == this.host.id && this.open());\n    salla.event.on('modal::close', target => target == this.host.id && this.close());\n    this.modalTitle = this.host.getAttribute('modal-title');\n  }\n\n  /**\n   * Sets the modal to be closable. Defaults to `true`\n   */\n  @Prop({ mutable: true }) isClosable: boolean = true;//todo::rename unclude. Suggestion => persistent\n  /**\n   * The size of the modal\n   */\n  @Prop({ reflect: true }) width: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full' = 'md';\n  /**\n   * The position of the modal\n   */\n  @Prop({ reflect: true }) position: 'top' | 'middle' | 'bottom' = 'middle';\n  /**\n   * open the modal on rendering\n   */\n  @Prop({ reflect: true }) visible: boolean = false;\n  /**\n   * open the modal on rendering\n   */\n  @Prop({ reflect: true }) hasSkeleton: boolean = false;\n  /**\n   * Show loading in the middle\n   */\n  @Prop({ reflect: true, mutable: true }) isLoading: boolean = false;\n\n  /**\n   * Show subtitle before the title or not, defaults to `false` (after the title)\n   */\n  @Prop() subTitleFirst: boolean = false;//todo:: choose better name\n\n  /**\n   * Avoid padding in the modal body or not, defaults to `false`\n   */\n  @Prop() noPadding: boolean = false;//todo:: choose better name\n\n  /**\n   * Set modal sub title.\n   */\n  @Prop() subTitle: string = '';\n\n  /**\n   * Align modal content to center, defaults to `false`\n   */\n  @Prop() centered: boolean = false;\n\n  /**\n   * Set the style of the header icon.\n   */\n  @Prop() iconStyle: 'error' | 'success' | 'primary' | 'normal' = undefined;\n\n  @State() modalTitle: string;\n\n  private overlay: HTMLElement;\n\n  @Element() host: HTMLElement;\n\n  /**\n   * Event emitted when the modal visibilty is changed.\n   */\n  @Event() modalVisibilityChanged: EventEmitter<Boolean>;\n\n  @Watch('visible')\n  handleVisible(newValue: boolean) {\n    if (!newValue) {\n      this.modalVisibilityChanged.emit(false);\n      this.toggleModal(false);\n      return;\n    }\n    this.modalVisibilityChanged.emit(true);\n    this.host.classList.remove('s-hidden');\n    setTimeout(() => this.toggleModal(true)); //small amont of time to running toggle After adding hidden\n  }\n\n  @Listen('keyup')\n  handleKeyUp(ev: KeyboardEvent) {\n    if (ev.key === \"KeyUp\") {\n      this.closeModal()\n    }\n  }\n\n  /**\n   * Open the modal\n   */\n  @Method()\n  async open() {\n    this.host.setAttribute('visible', '');\n    this.handleAutoFocus();\n    return this.host;\n  }\n\n  /**\n   * close the modal\n   */\n  @Method()\n  async close() {\n    this.host.removeAttribute('visible');\n    return this.host;\n  }\n\n  /**\n   * Change the Modal Title\n   * @param {string} modalTitle\n   */\n  @Method()\n  async setTitle(modalTitle) {\n    this.modalTitle = modalTitle;\n    return this.host;\n  }\n\n  /**\n   * Start loading\n   */\n  @Method()\n  async loading() {\n    this.isLoading = true;\n    return this.host;\n  }\n\n\n  /**\n   * Stop the loading\n   */\n  @Method()\n  async stopLoading() {\n    this.isLoading = false;\n    return this.host;\n  }\n\n  private handleAutoFocus() {\n    const firstFocusableElement = this.host.querySelector('input, textarea, select') as HTMLElement;\n    if (!firstFocusableElement) {\n      return;\n    }\n    setTimeout(() => {\n      firstFocusableElement.focus();\n    }, 100);\n  }\n\n  private toggleModal(isOpen) {\n    const body = this.host.querySelector('.s-modal-body');\n    Helper.toggleElementClassIf(body, 's-modal-entering', 's-modal-leaving', () => isOpen)\n      .toggleElementClassIf(this.overlay, 's-modal-entering', 's-modal-overlay-leaving', () => isOpen)\n      .toggleElementClassIf(document.body, 'modal-is-open', 'modal-is-closed', () => isOpen);\n    if (!isOpen) {\n      setTimeout(() => this.host.classList.add('s-hidden'), 350);\n    }\n  }\n\n  private closeModal() {\n    if (!this.isClosable) {\n      return;\n    }\n    this.host.removeAttribute('visible');\n  }\n\n  private iconBlockClasses() {\n    return {\n      's-modal-icon': true,\n      's-modal-bg-error': this.iconStyle == 'error',\n      's-modal-bg-success': this.iconStyle == 'success',\n      's-modal-bg-normal': !this.iconStyle,\n      's-modal-bg-primary': this.iconStyle == 'primary'\n    };\n  }\n\n  private getWidth() {\n    return this.isLoading ? (this.hasSkeleton ? 'md' : 'xs') : this.width\n  }\n\n  //todo:: pref for each modal\n  render() {\n    this.host.id = this.host.id || 'salla-modal';\n\n\n    if (this.isLoading) {\n      return (\n        <Host class='salla-modal s-modal s-modal-container s-hidden' aria-modal=\"true\" role=\"dialog\" onKeyUp={e => this.handleKeyUp(e)}>\n          <div class=\"s-modal-overlay\" ref={el => this.overlay = el} onClick={() => this.closeModal()} />\n          <div class=\"s-modal-wrapper\">\n            <span class={'s-modal-spacer s-modal-align-' + this.position}>&#8203;</span>\n            <div class={'s-modal-body ' + 's-modal-align-' + this.position + ' s-modal-' + this.getWidth() + (this.noPadding ? ' s-modal-nopadding' : ' s-modal-padding')}>\n              <slot name=\"loading\">\n                <salla-loading></salla-loading>\n              </slot>\n              {\n                // we have a limitations with StencilJS, when the component is not shadow\n                // all the dom of host append to component even if <slot /> is not in the render\n                // So we'll use a workaround, render all the slot as hidden when is loading\n                // @see https://github.com/ionic-team/stencil/issues/399\n              }\n              <div class=\"s-hidden\">\n                <slot />\n              </div>\n            </div>\n          </div>\n        </Host>\n      );\n    }\n\n\n    return (\n      <Host class='salla-modal s-modal s-modal-container s-hidden' aria-modal=\"true\" role=\"dialog\">\n        <div class=\"s-modal-overlay\" ref={el => this.overlay = el} onClick={() => this.closeModal()} />\n        <div class=\"s-modal-wrapper\">\n          <span class={'s-modal-spacer s-modal-align-' + this.position}>&#8203;</span>\n          <div\n            class={'s-modal-body ' + 's-modal-align-' + this.position + ' s-modal-' + this.getWidth() + (this.noPadding ? ' s-modal-nopadding' : ' s-modal-padding')}>\n            <div class={{ 's-modal-header': true, 's-modal-is-center': this.centered }}>\n              {this.isClosable ?\n                <button class=\"s-modal-close\" onClick={() => this.closeModal()} type=\"button\">\n                  <span innerHTML={CancelIcon} />\n                </button>\n                : ''}\n\n              {this.modalTitle || this.subTitle ?\n                <div class=\"s-modal-header-inner\">\n                  <slot name='icon'>\n                    {!!this.iconStyle ?\n                      <div class={this.iconBlockClasses()} innerHTML={this.iconStyle == 'error' ? AlertEngineIcon : CheckCircleIcon} />\n                      : ''\n                    }\n                  </slot>\n                  <div class=\"s-modal-header-content\">\n                    {this.modalTitle ? <div class={{ 's-modal-title': true, 's-modal-title-below': this.subTitleFirst }}\n                      innerHTML={this.modalTitle} /> : ''}\n                    {this.subTitle ? <p class={{ 's-modal-sub-title': true }} innerHTML={this.subTitle} /> : ''}\n                  </div>\n                </div>\n                : ''}\n            </div>\n            <slot />\n            <slot name=\"footer\" />\n\n          </div>\n        </div>\n      </Host>\n    );\n  }\n  //move the modal as root dom, because we need the model to be outside the forms\n  componentDidLoad() {\n    document.body.append(this.host);\n  }\n}\n"]}

package/dist/collection/components/salla-offer-modal/offer-schema.js

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

package/dist/collection/components/salla-offer-modal/offer-schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-schema.js","sourceRoot":"","sources":["../../../src/components/salla-offer-modal/offer-schema.ts"],"names":[],"mappings":"","sourcesContent":["export default interface Offer {\n  id: number;\n  name: string;\n  message: string;\n  expiry_date: string | null;\n  formatted_date: string | null;\n  offer_type: string;\n  status: string;\n  buy: {\n    type: string;\n    quantity: number;\n    products: any[];\n  };\n  get: {\n    categories: null | Array<any>\n    discounts_table: null | Array<any>\n    products: null | Array<{\n      id: number;\n      type: string;\n      status: string;\n      is_available: boolean;\n      sku: string;\n      name: string;\n      price: { amount: number; currency: string; };\n      promotion: { title: string; sub_title: string; };\n      sale_price: { amount: number; currency: string; };\n      regular_price: { amount: number; currency: string; };\n      currency: string;\n      url: string;\n      thumbnail: string;\n      has_special_price: boolean;\n      favorite?: any;\n    }>;\n    type: string;\n    discount_type: string;\n  };\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"salla-offer-modal.js","sourceRoot":"","sources":["../../../src/components/salla-offer-modal/salla-offer-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Element, Method, State } from '@stencil/core';\nimport Offer from \"./offer-schema\";\nimport SpecialDiscountIcon from '../../assets/svg/special-discount.svg';\nimport Tag from \"../../assets/svg/tag.svg\";\nimport Cart2 from '../../assets/svg/cart2.svg';\n\n/**\n * @slot header - The top of the popup, has replaceable props `{name}`, `{message}`.\n * @slot product - Replaces product card, has replaceable props `{name}`, `{url}`, `{image}`, `{price}`.\n * @slot category - Replaces Category badge, has replaceable props `{name}`, `{url}`.\n */\n@Component({\n  tag: 'salla-offer-modal',\n  styleUrl: 'salla-offer-modal.scss'\n})\n\nexport class SallaOfferModal {\n  private productSlot: string;\n  private categorySlot: string;\n  private modal: HTMLSallaModalElement;\n  @Element() host: HTMLElement;\n  @State() offer: null | Offer = null;\n  @State() offer_name: string;\n  @State() offer_message: string;\n  @State() hasError: boolean = false;\n  @State() errorMessage: string;\n  @State() productID: number;\n  @State() offer_type: string;\n\n  constructor() {\n    salla.event.on('offer-modal::open', product_id => this.open(product_id));\n\n    salla.lang.onLoaded(() => {\n      this.addToCartLabel = salla.lang.get(\"pages.cart.add_to_cart\")\n      this.translationLoaded = true;\n    });\n\n    this.categorySlot = this.host.querySelector('[slot=\"category\"]')?.innerHTML || `<span class=\"s-offer-modal-badge-icon\">{tagIcon}</span><span class=\"s-offer-modal-badge-text\">{name}</span>`;\n    this.productSlot = this.host.querySelector('[slot=\"product\"]')?.innerHTML || this.defaultProductSlot();\n    salla.event.on('offer-modal::open', product_id => this.open(product_id));\n    salla.product.event.onOfferExisted(offer => {\n      if (salla.storage.get('remember-offer-' + offer.id)) {\n        salla.log('User selected to don\\'t show this offer again.');\n        return;\n      }\n      this.open(offer.product_id);\n    });\n  }\n\n  @State() translationLoaded: boolean = false;\n  @State() addToCartLabel: string = salla.lang.get(\"pages.cart.add_to_cart\");\n\n  /**\n   * Show the available offers for the product\n   * @param product_id\n   */\n  @Method()\n  async open(product_id: number) {\n    this.productID = product_id;\n    //TODO:: make sure there is only one offer\n\n    this.hasError = false;\n    this.modal.open()\n    return await salla.api.withoutNotifier(() => salla.product.offers(product_id))\n      .then(response => this.showOffer(response.data[0]))\n      .catch(e => {\n        this.hasError = true;\n        this.errorMessage = e.response?.data?.error?.message || e.response?.data;\n      })\n      .finally(() => setTimeout(() => this.modal.stopLoading(), 1000));\n  }\n\n  /**\n   * Show offer details\n   * @param {Offer} offer\n   */\n  @Method()\n  async showOffer(offer) {\n    this.offer = offer;\n    this.offer_name = offer.name;\n    this.offer_message = offer.message;\n    if (this.offer.get.discounts_table) { \n      this.offer_type = 'discounts-table'\n    } else if (this.offer.get.products?.length) {\n      this.offer_type = 'products'\n    } else if (this.offer.get.categories?.length) {\n      this.offer_type = 'categories'\n    }\n    this.modal.setTitle(this.offer_name);\n  }\n\n  private rememberMe(event) {\n    salla.storage.set('remember-offer-' + this.offer.id, event.target.checked);\n  }\n\n  private addToCart(qty) {\n    //todo:: add enhancement, to cover the previous quantity, because if the discount to add two, user already added one before.\n    salla.api.withoutNotifier(() => salla.cart.quickAdd(this.productID, qty)).then(() => this.modal.close())\n  }\n\n  private getOfferContent() {\n    if (this.offer.get.discounts_table) {\n      return <div class=\"s-offer-modal-discount-table\">\n        <table>\n          <tbody>\n            {this.offer.get.discounts_table?.map(discount =>\n              <tr>\n                <td>{discount.text}</td>\n                <td class=\"s-offer-modal-discount-table-cell\">\n                  <salla-button fill=\"outline\" shape=\"btn\" color=\"primary\" size=\"medium\" width=\"normal\"\n                    onClick={() => this.addToCart(discount.quantity)}>{this.addToCartLabel}</salla-button>\n                </td>\n              </tr>\n            )}\n          </tbody>\n        </table>\n      </div>\n    }\n    else if (this.offer.get.products?.length) {\n      return <salla-slider\n        type=\"carousel\"\n        class={{\"s-offer-modal-slider-centered\": this.offer.get.products?.length <= 2, \"s-offer-modal-slider\": true}}\n        id=\"offer-modal-slider\"\n        controls-outer\n        show-controls={this.offer.get.products?.length <= 2 ? 'false' : 'true'}>\n        <div slot='items'>\n          {\n            this.offer.get.products?.map(product =>\n              <div class={{\n                \"s-offer-modal-product\": true,\n                \"s-offer-modal-slider-item\": true,\n                \"s-offer-modal-not-available\": !product.is_available\n              }} id={'product_' + product.id} innerHTML={this.productSlot\n                .replace(/\\{name\\}/g, product.name)\n                .replace(/\\{url\\}/g, product.url)\n                .replace(/\\{image\\}/g, product.thumbnail)\n                .replace(/\\{price\\}/g, product.has_special_price\n                  ? '<span class=\"s-offer-modal-product-sale-price\">' + salla.money(product.price) + '</span><span class=\"s-offer-modal-product-old-price\">' + salla.money(product.regular_price) + '</span>'\n                  : salla.money(product.price))}>\n                <div class=\"s-offer-modal-btn-wrap\">\n                  <salla-button width=\"wide\" fill='outline' data-id={product.id} disabled={!product.is_available}\n                    loader-position=\"center\" onClick={this.addItem}>\n                    {product.is_available ? salla.lang.get('pages.cart.add_to_cart') : salla.lang.get('pages.products.out_of_stock')}\n                  </salla-button>\n                </div>\n              </div>)\n          }\n       </div>\n      </salla-slider>\n    } \n    else if (this.offer.get.categories?.length) {\n      return <salla-slider\n        type=\"carousel\"\n        class={{\"s-offer-modal-slider-centered\": this.offer.get.categories?.length <= 2, \"s-offer-modal-slider\": true}}\n        id=\"offer-modal-slider\"\n        controls-outer\n        show-controls={this.offer.get.categories?.length <= 2 ? 'false' : 'true'}>\n        <div slot='items'>\n          {\n            this.offer.get.categories.map(category =>\n              <a href={category.urls.customer} class=\"s-offer-modal-badge s-offer-modal-slider-item s-offer-modal-cat-item\" innerHTML={\n                this.categorySlot\n                  .replace(/\\{tagIcon\\}/g, Tag)\n                  .replace(/\\{name\\}/g, category.name)\n                  .replace(/\\{url\\}/g, category.urls.customer)\n              }>\n              </a>\n            )}\n        </div>\n      </salla-slider>\n    }\n  }\n\n  //todo:: pass event then use sallaButton from it\n  private addItem() {\n    // this here, is sallaButton\n    this['load']();\n    return salla.cart.api\n      .quickAdd(this['dataset'].id)\n      .finally(() => this['stop']());\n  }\n\n  private defaultProductSlot() {\n    return '<a href={url} class=\"s-offer-modal-product-image-wrap\"><img class=\"s-offer-modal-product-image\" src=\"{image}\" /></a>' +\n      '<div class=\"s-offer-modal-product-info\">' +\n      '   <a href={url} class=\"s-offer-modal-product-name\">{name}</a>' +\n      '   <div class=\"s-offer-modal-product-price\">{price}</div>' +\n      '</div>';\n  }\n\n  render() {\n    return <salla-modal has-skeleton sub-title={this.offer_message} ref={modal => this.modal = modal}\n      isLoading={true} class={`s-offer-modal-type-${this.offer_type ? this.offer_type : ''}`}>\n      <div slot='loading'>\n        <div class=\"s-offer-modal-skeleton\">\n          <div class=\"s-offer-modal-skeleton-header\">\n            <salla-skeleton type='circle' height='80px' width='80px'></salla-skeleton>\n            <salla-skeleton height='15px' width='50%'></salla-skeleton>\n            <salla-skeleton height='10px' width='30%'></salla-skeleton>\n          </div>\n          <div class=\"s-offer-modal-skeleton-items\">\n            {[...Array(3)].map(() =>\n              <div class=\"s-offer-modal-skeleton-item\">\n                <salla-skeleton height='9rem'></salla-skeleton>\n                <div class=\"s-offer-modal-skeleton-item-title\">\n                  <salla-skeleton height='15px' width='100%'></salla-skeleton>\n                </div>\n                <div class=\"s-offer-modal-skeleton-item-subtitle\">\n                  <salla-skeleton height='9px' width='50%'></salla-skeleton>\n                  <div innerHTML={Cart2}></div>\n                </div>\n              </div>\n            )}\n          </div>\n          <div class=\"s-offer-modal-skeleton-footer\">\n            <salla-skeleton height='15px' width='50%'></salla-skeleton>\n            <salla-skeleton height='15px' width='30%'></salla-skeleton>\n          </div>\n        </div>\n      </div>\n      {!this.hasError && this.offer !== null\n\n        ? [<span slot='icon' class=\"s-offer-modal-header-icon\" innerHTML={SpecialDiscountIcon}></span>,\n        this.getOfferContent(),\n        <div class=\"s-offer-modal-footer\" slot=\"footer\">\n          {this.offer.formatted_date ?\n            <p\n              class=\"s-offer-modal-expiry\">{salla.lang.get('pages.products.offer_expires_in')} {this.offer.formatted_date}</p>\n            : ''}\n          <label class=\"s-offer-modal-remember-label\">\n            <input type=\"checkbox\" onChange={e => this.rememberMe(e)} class=\"s-offer-modal-remember-input\" />\n            &nbsp; {salla.lang.get('common.elements.remember_my_choice')}\n          </label>\n        </div>,\n        ] :\n        <salla-placeholder class=\"s-loyalty-placeholder\" alignment=\"center\">\n          {!!this.errorMessage ? <span slot=\"description\">{this.errorMessage}</span> : ''}\n        </salla-placeholder>\n      }\n    </salla-modal>\n  }\n}\n"]}

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

@@ -111,3 +111,4 @@ export class SallaPlaceholder {
     "translationLoaded": {}
   }; }
 }
+//# sourceMappingURL=salla-placeholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"salla-placeholder.js","sourceRoot":"","sources":["../../../src/components/salla-placeholder/salla-placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,MAAM,4BAA4B,CAAC;AAE/C;;;GAGG;AAKH,MAAM,OAAO,gBAAgB;EAE3B;IAMS,sBAAiB,GAAY,KAAK,CAAC;IAE5C;;OAEG;IACK,SAAI,GAAW,KAAK,CAAC;IAE7B;;OAEG;IACK,cAAS,GAAgC,MAAM,CAAC;IAExD;;QAEI;IACI,aAAQ,GAAsD,IAAI,CAAC;IApBzE,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;MACvB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAChC,CAAC,CAAC,CAAC;EACL,CAAC;EAoBO,cAAc;IACpB,OAAO;MACL,uBAAuB,EAAE,IAAI;MAC7B,0BAA0B,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM;MACpD,4BAA4B,EAAE,IAAI,CAAC,SAAS,IAAI,QAAQ;MACxD,2BAA2B,EAAE,IAAI,CAAC,SAAS,IAAI,OAAO;KACvD,CAAA;EACH,CAAC;EAGD,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;MAChC,WAAK,KAAK,EAAE,yCAAyC,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,IAAI,GAAQ;MAClG,WAAK,KAAK,EAAC,qBAAqB;QAC9B,YAAM,IAAI,EAAC,OAAO;UAChB,gBACG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,4BAA4B,CAAC,CACxC,CACF,CACH;MAEN,WAAK,KAAK,EAAC,2BAA2B;QACpC,YAAM,IAAI,EAAC,aAAa;UACtB,gBACG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,6BAA6B,CAAC,CACzC,CACF,CACH,CACA,CACT,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Prop, State, h, Host } from '@stencil/core';\nimport Inbox from '../../assets/svg/inbox.svg';\n\n/**\n * @slot title - The primary content of the placeholder.\n * @slot description - Additional content displayed below the title.\n */\n@Component({\n  tag: 'salla-placeholder',\n  styleUrl: 'salla-placeholder.scss',\n})\nexport class SallaPlaceholder {\n\n  constructor() {\n    salla.lang.onLoaded(() => {\n      this.translationLoaded = true;\n    });\n  }\n\n  @State() translationLoaded: boolean = false;\n\n  /**\n   * Custom icon to display, defaults to [`Inbox`], can be any valid svg icon or inline element with font icon\n   */\n  @Prop() icon: string = Inbox;\n\n  /**\n   * Defines the alignment of contents. Defaults to [`left`]\n   */\n  @Prop() alignment: 'left' | 'center' | 'right' = 'left';\n\n  /**\n    * The size of the icon. Defaults to [`md`] = 45px for font icon & width/height: 3.5rem for svg icon\n    */\n  @Prop() iconSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl' = 'md';\n\n\n  private alignmentClass() {\n    return {\n      's-placeholder-wrapper': true,\n      's-placeholder-align-left': this.alignment == 'left',\n      's-placeholder-align-center': this.alignment == 'center',\n      's-placeholder-align-right': this.alignment == 'right',\n    }\n  }\n\n\n  render() {\n    return (\n      <Host class={this.alignmentClass()}>\n        <div class={`s-placeholder-icon s-placeholder-icon-${this.iconSize}`} innerHTML={this.icon}></div>\n        <div class=\"s-placeholder-title\">\n          <slot name='title'>\n            <span>\n              {salla.lang.get('common.elements.no_options')}\n            </span>\n          </slot>\n        </div>\n\n        <div class=\"s-placeholder-description\">\n          <slot name='description'>\n            <span>\n              {salla.lang.get('common.errors.empty_results')}\n            </span>\n          </slot>\n        </div>\n      </Host >\n    );\n  }\n\n}\n"]}

package/dist/collection/components/salla-product-availability/salla-product-availability.js

@@ -248,3 +248,4 @@ export class SallaProductAvailability {
       "methodName": "channelsWatcher"
     }]; }
 }
+//# sourceMappingURL=salla-product-availability.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"salla-product-availability.js","sourceRoot":"","sources":["../../../src/components/salla-product-availability/salla-product-availability.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC9E,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAI1C,MAAM,OAAO,wBAAwB;EACnC;IAqBQ,WAAM,GAAY,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IASvC,sBAAiB,GAAY,KAAK,CAAC;IAU5C;;OAEG;IACK,8BAAyB,GAAY,KAAK,CAAC;IAMnD;;OAEG;IACoB,iBAAY,GAAY,KAAK,CAAC;IAQ7C,wBAAmB,GAAG,KAAK,IAAI,EAAE;MACvC,IAAI,OAAO,GAAQ,EAAC,EAAE,EAAE,IAAI,CAAC,SAAS,EAAC,CAAC;MACxC,IAAI,CAAC,IAAI,CAAC,yBAAyB,EAAE;QACnC,OAAO,OAAO,CAAC;OAChB;MACD,IAAI,cAAc,GAAmC,QAAQ,CAAC,aAAa,CAAC,qCAAqC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC;MACrI,IAAI,OAAO,GAAe,MAAM,CAAC,MAAM,CAAC,MAAM,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,sBAAsB,EAAE,CAAA,IAAI,EAAE,CAAC,CAAC;MAC9F,8DAA8D;MAC9D,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,MAAM,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,EAAE,CAAA,EAAE;QAC7D,IAAI,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;QACrE,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC1B,MAAM,YAAY,CAAC;OACpB;MAED,OAAO,CAAC,OAAO,GAAG,EAAE,CAAC;MACrB,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACvB,oCAAoC;QACpC,IAAI,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;UAC5B,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;SACtC;MACH,CAAC,CAAC,CAAA;MACF,OAAO,OAAO,CAAC;IACjB,CAAC,CAAA;IAqED,UAAU;IACF,WAAM,GAAG,CAAC,CAAC,EAAE,EAAE;MACrB,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC;MAC1C,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;MACzC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,QAAQ,CAAC,kCAAkC,CAAC,KAAI,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC;MACxF,CAAC,CAAC,OAAO,KAAK,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;IACpC,CAAC,CAAA;IA5JC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;;MACvB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;MAC9B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,0CAA0C,CAAC,CAAC;MAC5F,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IACH,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;MACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;KAC9C;IAED,IAAI,IAAI,CAAC,MAAM;MAAE,OAAO;IAExB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACpC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,0CAA0C,CAAC,CAAC;IAC5F,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;IAEnC,sCAAsC;IACtC,IAAI,CAAC,mBAAmB,GAAG,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,IAAI,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;EAC9H,CAAC;EAsCD,eAAe,CAAC,QAAQ;IACtB,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;EACzD,CAAC;EA0BO,SAAS;IACf,IAAI,CAAC,mBAAmB,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;EACpF,CAAC;EAEO,KAAK,CAAC,MAAM;IAClB,IAAI,OAAO,GAAQ,MAAM,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAEpD,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,OAAO,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC;SACpD,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;KACzC;IAED,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;MAClC,IAAI,EAAC,KAAK,EAAE,WAAW,EAAC,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC;MAC9D,OAAO,CAAC,cAAc,CAAC,GAAG,WAAW,CAAC;MACtC,OAAO,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;KAC1B;IAED,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;MACpC,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;KAClE;IAED,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;IAE1B,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE;OACnB,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;OAC9B,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;OAC5D,IAAI,CAAC,GAAG,EAAE;MACT,IAAI,CAAC,IAAI,CAAC,yBAAyB,EAAE;QACnC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,IAAI,CAAC,SAAS,aAAa,EAAE,IAAI,CAAC,CAAC;QAChE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,OAAO;OACR;MACD,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE;QAC1B,IAAI,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,IAAI,CAAC,SAAS,qBAAqB,CAAC,IAAI,EAAE,CAAC;QACtF,IAAI,qBAAqB,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACtD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE;UAC5C,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC;UACpC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,WAAW,IAAI,CAAC,SAAS,qBAAqB,EAAE,OAAO,CAAC,CAAC;UAC3E,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1B;aAAM;UACL,KAAK,CAAC,GAAG,CAAC,oCAAoC,CAAC,CAAC;SACjD;OACF;IACH,CAAC,CAAC;OACD,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;OAC3B,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;OAC9B,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;EACvD,CAAC;EAEO,KAAK,CAAC,YAAY;IACxB,IAAI;MACF,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;QACpC,MAAM,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC3D,IAAI,YAAY;UAAE,OAAO;QACzB,CAAC,YAAY,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC,CAAC;OACnG;MACD,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QAClC,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;QACtD,IAAI,YAAY;UAAE,OAAO;OAC1B;KACF;IAAC,OAAO,KAAK,EAAE;MACd,MAAM,CAAC,+BAA+B,CAAC,CAAC;KACzC;EACH,CAAC;EAWD,aAAa,CAAC,KAAuB,EAAE,QAAgB;IACrD,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IACnC,KAAK,CAAC,kBAAkB,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,QAAQ,CAAC;EAC1D,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,6BAA6B;MAAE,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,mBAAmB;QACtF,CAAC,CAAC,WAAK,KAAK,EAAC,mCAAmC;UAC9C,YAAM,SAAS,EAAE,YAAY,EAAE,KAAK,EAAC,kCAAkC,GAAE;UACxE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,4CAA4C,CAAC,CACzD;QACN,CAAC;UACD,oBAAc,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,IACrF,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,oCAAoC,CAAC,CACxC;MAGd,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAClF,CACR,CAAC;EACJ,CAAC;EAEO,WAAW;IACjB,OAAO,CACL,mBAAa,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,iBAAe,IAAI,CAAC,MAAM,EAC1D,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,6CAA6C,CAAC,EAAE,KAAK,EAAC,IAAI;MAC9F,YAAM,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,oCAAoC,EAAC,SAAS,EAAE,YAAY,GAAG;MACvF,WAAK,KAAK,EAAC,6BAA6B;QACrC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;UAClC,aAAO,KAAK,EAAC,8BAA8B,IAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAS;UAC7F,aAAO,KAAK,EAAC,8BAA8B,EAAC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAC1E,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,mCAAmC,CAAC,IAAI,gBAAgB,EACpF,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,EAC1B,IAAI,EAAC,OAAO,GAAG;UACf,YAAM,KAAK,EAAC,kCAAkC,GAAE;SACjD,CAAC,CAAC,CAAC,EAAE;QAEL,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;UAChC,aAAO,KAAK,EAAC,8BAA8B,IAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAS;UAC9F,uBAAiB,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAI;SACtF,CAAC,CAAC,CAAC,EAAE,CACF;MACN,WAAK,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,+BAA+B;QACtD,oBAAc,KAAK,EAAC,kBAAkB,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAClE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAC5C,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAC5B;QACf,oBAAc,KAAK,EAAC,YAAY,qBAAiB,QAAQ,EAAC,KAAK,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,EACnF,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,IAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAgB,CACjG,CACM,CAAC,CAAC;EACpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, Host, Prop, State, Watch, h} from '@stencil/core';\nimport BellRingIcon from '../../assets/svg/bell-ring.svg';\nimport Helper from '../../Helpers/Helper';\n\n@Component({tag: 'salla-product-availability', styleUrl: 'salla-product-availability.scss'})\n\nexport class SallaProductAvailability {\n  constructor() {\n    salla.lang.onLoaded(() => {\n      this.translationLoaded = true;\n      this.title_ = this.host.title || salla.lang.get('pages.products.notify_availability_title');\n      this.modal?.setTitle(this.title_);\n    });\n    if (!this.productId) {\n      this.productId = salla.config.get('page.id');\n    }\n\n    if (this.isUser) return;\n\n    this.channelsWatcher(this.channels);\n    this.title_ = this.host.title || salla.lang.get('pages.products.notify_availability_title');\n    this.host.removeAttribute('title');\n\n    //todo:: fix this to cover options too\n    this.isVisitorSubscribed = !this.notifyOptionsAvailability ? salla.storage.get(`product-${this.productId}-subscribed`) : '';\n  }\n\n\n  private isUser: boolean = salla.config.isUser();\n  private modal: HTMLSallaModalElement;\n  private channels_: Array<string>;\n  private email: HTMLInputElement;\n  private btn: HTMLSallaButtonElement;\n  private mobileInput: HTMLSallaTelInputElement;\n\n  @Element() host: HTMLElement;\n\n  @State() translationLoaded: boolean = false;\n  @State() title_: string;\n  @State() isVisitorSubscribed: string;\n\n\n  /**\n   * Notification channels\n   */\n  @Prop() channels: 'sms' | 'email' | 'sms,email';\n\n  /**\n   * Listen to product options availability.\n   */\n  @Prop() notifyOptionsAvailability: boolean = false;\n\n  /**\n   * product id that can visitor subscribe to its availability notification\n   */\n  @Prop() productId: number;\n  /**\n   * is current user already subscribed\n   */\n  @Prop({mutable: true}) isSubscribed: boolean = false;\n\n\n  @Watch('channels')\n  channelsWatcher(newValue) {\n    this.channels_ = !!newValue ? newValue.split(',') : [];\n  }\n\n  private handleSubmitOptions = async () => {\n    let payload: any = {id: this.productId};\n    if (!this.notifyOptionsAvailability) {\n      return payload;\n    }\n    let optionsElement: HTMLSallaProductOptionsElement = document.querySelector(`salla-product-options[product-id=\"${this.productId}\"]`);\n    let options: Array<any> = Object.values(await optionsElement?.getSelectedOptionsData() || {});\n    //if all options not selected, show message && throw exception\n    if (options.length && !await optionsElement?.reportValidity()) {\n      let errorMessage = salla.lang.get('common.messages.required_fields');\n      salla.error(errorMessage);\n      throw errorMessage;\n    }\n\n    payload.options = [];\n    options.forEach(option => {\n      //inject numbers only, without zeros\n      if (option && !isNaN(option)) {\n        payload.options.push(Number(option));\n      }\n    })\n    return payload;\n  }\n\n  private openModel() {\n    this.handleSubmitOptions().then(isSuccess => isSuccess ? this.modal.open() : null)\n  }\n\n  private async submit() {\n    let payload: any = await this.handleSubmitOptions();\n\n    if (this.isUser) {\n      return salla.api.product.availabilitySubscribe(payload)\n        .then(() => this.isSubscribed = true);\n    }\n\n    if (this.channels_.includes('sms')) {\n      let {phone, countryCode} = await this.mobileInput.getValues();\n      payload['country_code'] = countryCode;\n      payload['phone'] = phone;\n    }\n\n    if (this.channels_.includes('email')) {\n      this.email.value !== '' && (payload['email'] = this.email.value);\n    }\n\n    await this.validateform();\n\n    return this.btn.load()\n      .then(() => this.btn.disable())\n      .then(() => salla.api.product.availabilitySubscribe(payload))\n      .then(() => {\n        if (!this.notifyOptionsAvailability) {\n          salla.storage.set(`product-${this.productId}-subscribed`, true);\n          this.isSubscribed = true;\n          return;\n        }\n        if (payload.options.length) {\n          let options = salla.storage.get(`product-${this.productId}-subscribed-options`) || [];\n          let selectedOptionsString = payload.options.join(',');\n          if (!options.includes(selectedOptionsString)) {\n            options.push(selectedOptionsString);\n            salla.storage.set(`product-${this.productId}-subscribed-options`, options);\n            this.isSubscribed = true;\n          } else {\n            salla.log('already subscribed to this options');\n          }\n        }\n      })\n      .then(() => this.btn.stop())\n      .then(() => this.modal.close())\n      .catch(() => this.btn.stop() && this.btn.enable());\n  }\n\n  private async validateform() {\n    try {\n      if (this.channels_.includes('email')) {\n        const isEmailValid = Helper.isValidEmail(this.email.value);\n        if (isEmailValid) return;\n        !isEmailValid && this.validateField(this.email, salla.lang.get('common.elements.email_is_valid'));\n      }\n      if (this.channels_.includes('sms')) {\n        const isPhoneValid = await this.mobileInput.isValid();\n        if (isPhoneValid) return;\n      }\n    } catch (error) {\n      throw ('Please insert required fields');\n    }\n  }\n\n\n  // helpers\n  private typing = (e) => {\n    const error = e.target.nextElementSibling;\n    e.target.classList.remove('s-has-error');\n    error?.classList.contains('s-product-availability-error-msg') && (error.innerText = '');\n    e.keyCode === 13 && this.submit();\n  }\n\n  validateField(field: HTMLInputElement, errorMsg: string) {\n    field.classList.add('s-has-error');\n    field.nextElementSibling['innerText'] = '* ' + errorMsg;\n  }\n\n  render() {\n    return (\n      <Host class=\"s-product-availability-wrap\">{this.isSubscribed || this.isVisitorSubscribed\n        ? <div class=\"s-product-availability-subscribed\">\n          <span innerHTML={BellRingIcon} class=\"s-product-availability-subs-icon\"/>\n          {salla.lang.get('pages.products.notify_availability_success')}\n        </div>\n        :\n        <salla-button width=\"wide\" onClick={() => this.isUser ? this.submit() : this.openModel()}>\n          {salla.lang.get('pages.products.notify_availability')}\n        </salla-button>\n\n      }\n        {this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()}\n      </Host>\n    );\n  }\n\n  private renderModal() {\n    return (\n      <salla-modal ref={modal => this.modal = modal} modal-title={this.title_}\n                   subTitle={salla.lang.get('pages.products.notify_availability_subtitle')} width=\"sm\">\n        <span slot='icon' class=\"s-product-availability-header-icon\" innerHTML={BellRingIcon}/>\n        <div class=\"s-product-availability-body\">\n          {this.channels_.includes('email') ? [\n            <label class=\"s-product-availability-label\">{salla.lang.get('common.elements.email')}</label>,\n            <input class=\"s-product-availability-input\" onKeyDown={e => this.typing(e)}\n            placeholder={salla.lang.get('common.elements.email_placeholder') || 'your@email.com'}\n            ref={el => this.email = el}\n            type=\"email\" />,\n            <span class=\"s-product-availability-error-msg\"/>\n          ] : ''}\n\n          {this.channels_.includes('sms') ? [\n            <label class=\"s-product-availability-label\">{salla.lang.get('common.elements.mobile')}</label>,\n            <salla-tel-input ref={el => this.mobileInput = el} onKeyDown={e => this.typing(e)} />\n          ] : ''}\n        </div>\n        <div slot=\"footer\" class=\"s-product-availability-footer\">\n          <salla-button class=\"modal-cancel-btn\" width=\"wide\" color=\"light\" fill=\"outline\"\n                        onClick={() => this.modal.close()}>\n            {salla.lang.get('common.elements.cancel')}\n          </salla-button>\n          <salla-button class=\"submit-btn\" loader-position='center' width=\"wide\" ref={btn => this.btn = btn}\n                        onClick={() => this.submit()}>{salla.lang.get('common.elements.submit')}</salla-button>\n        </div>\n      </salla-modal>);\n  }\n}\n"]}

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

@@ -26,3 +26,4 @@ export var Currency;
 (function (Currency) {
   Currency["Sar"] = "SAR";
 })(Currency || (Currency = {}));
+//# sourceMappingURL=interfaces.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/components/salla-product-options/interfaces.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,WAoBX;AApBD,WAAY,WAAW;EACrB,8BAAe,CAAA;EACf,4BAAa,CAAA;EACb,oCAAqB,CAAA;EACrB,oCAAqB,CAAA;EACrB,8BAAe,CAAA;EACf,oDAAqC,CAAA;EACrC,gCAAiB,CAAA;EACjB,8CAA+B,CAAA;EAC/B,oCAAqB,CAAA;EACrB,4BAAa,CAAA;EACb,oCAAqB,CAAA;EACrB,sCAAuB,CAAA;EACvB,4BAAa,CAAA;EACb,8BAAe,CAAA;EACf,oCAAqB,CAAA;EACrB,0BAAW,CAAA;EACX,4BAAa,CAAA;EACb,4CAA6B,CAAA;AAE/B,CAAC,EApBW,WAAW,KAAX,WAAW,QAoBtB;AA8HD,MAAM,CAAN,IAAY,QAEX;AAFD,WAAY,QAAQ;EAClB,uBAAW,CAAA;AACb,CAAC,EAFW,QAAQ,KAAR,QAAQ,QAEnB","sourcesContent":["export enum DisplayType {\n  COLOR = \"color\",\n  DATE = \"date\",\n  DATETIME = \"datetime\",\n  DONATION = \"donation\",\n  IMAGE = \"image\",\n  MULTIPLE_OPTIONS = \"multiple-options\",\n  NUMBER = \"number\",\n  SINGLE_OPTION = \"single-option\",\n  SPLITTER = \"splitter\",\n  TEXT = \"text\",\n  TEXTAREA = \"textarea\",\n  THUMBNAIL = \"thumbnail\",\n  TIME = \"time\",\n  RADIO = \"radio\",\n  CHECKBOX = \"checkbox\",\n  MAP = \"map\",\n  FILE = \"file\", // similar to image type (file-uploader component)\n  COLOR_PICKER = \"color_picker\"\n\n}\n\nexport interface ProductDetail {\n  id: string;\n  sku: string;\n  name: string;\n  description: string;\n  url: string;\n  promotion_title: string;\n  subtitle: string;\n  type: string;\n  status: string;\n  price: number;\n  sale_price: number;\n  regular_price: number;\n  starting_price: null;\n  quantity: number;\n  max_quantity: number;\n  discount_ends: number;\n  is_taxable: boolean;\n  has_read_more: boolean;\n  can_add_note: boolean;\n  can_show_remained_quantity: boolean;\n  can_upload_file: boolean;\n  has_custom_form: boolean;\n  is_on_sale: boolean;\n  is_hidden_quantity: boolean;\n  is_available: boolean;\n  is_out_of_stock: boolean;\n  weight: null;\n  calories: null;\n  image: SimpleImage;\n  brand: Brand;\n  donation?: ProductDonation;\n  images: Image[];\n  tags: Tag[];\n  notify_availability: null;\n  rating: Rating;\n  options: Option[];\n  sold_quantity: number;\n  category: Category;\n}\n\nexport interface SimpleImage {\n  url: string;\n  alt: string;\n}\n\nexport interface Category {\n  name: string;\n  url: string;\n  icon: string;\n}\n\nexport interface ProductDonation {\n  target_message?: string;\n  collected_amount?: number;\n  target_amount?: number;\n  target_percent?: number;\n  target_end_date?: string;\n  can_donate: boolean;\n}\n\nexport interface Image {\n  id: number;\n  url: string;\n  main: boolean;\n  three_d_image_url: string;\n  alt: string;\n  video_url: string;\n  type: string;\n  sort: number;\n}\n\nexport interface Option {\n  id: number;\n  name: string;\n  required: boolean;\n  type: string;\n  placeholder: string;\n  option_type: string;\n  not_same_day_order: boolean;\n  availability_range: number;\n  from_date_time: null;\n  to_date_time: null;\n  visibility_condition?: { option: number, operator: \"=\" | \"!=\", value: number };\n  details?: Detail[];\n  condition_attributes: string;\n  value?: any;\n  donation?: Donation\n}\n\nexport interface Donation {\n  target_message?: string;\n  target_date: string | \"2023-04-18\";\n  target_end_date: string | \"2023-04-18\";\n  target_amount: number;\n  collected_amount: number;\n  can_donate: boolean;\n}\n\nexport interface Detail {\n  id: number;\n  option_id: number;\n  name: string;\n  additional_price: number;\n  option_value: null | string;\n  image: null | string;\n  color: null | string;\n  is_out: boolean;\n  skus_availability?: { [sku_id: number]: boolean };\n  is_selected: boolean;\n}\n\nexport interface Brand {\n  id: string;\n  url: string;\n  name: string;\n  logo: string;\n}\n\nexport interface PreTaxPrice {\n  amount: number;\n  currency: Currency;\n}\n\nexport enum Currency {\n  Sar = \"SAR\",\n}\n\nexport interface Promotion {\n  title: string;\n  sub_title: string;\n}\n\nexport interface Rating {\n  count: number;\n  stars: number;\n}\n\nexport interface Tag {\n  name: string;\n  url: string;\n}\n"]}

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

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