@salla.sa/twilight-components 2.13.17 → 2.13.19

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

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

package/dist/esm/{camera-a379486d.js → camera-d0a93c12.js}

@@ -1,13 +1,6 @@
 /*!
  * Crafted with ❤ by Salla
  */
-const CheckCircleIcon = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>check</title>
-<path d="M27.521 6.976c-0.569-0.472-1.407-0.393-1.879 0.171l-12.567 15.080-7.003-4.668c-0.615-0.411-1.441-0.244-1.849 0.369-0.409 0.612-0.244 1.441 0.369 1.849l8 5.333c0.227 0.149 0.484 0.223 0.739 0.223 0.384 0 0.763-0.165 1.027-0.48l13.333-16c0.471-0.565 0.393-1.407-0.171-1.877z"></path>
-</svg>
-`;
-
 const CameraIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>camera</title>
@@ -15,6 +8,6 @@ const CameraIcon = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-export { CheckCircleIcon as C, CameraIcon as a };
+export { CameraIcon as C };
 
-//# sourceMappingURL=camera-a379486d.js.map
+//# sourceMappingURL=camera-d0a93c12.js.map

package/dist/esm/camera-d0a93c12.js.map

@@ -0,0 +1 @@
+{"file":"camera-d0a93c12.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/check-838f37a7.js

@@ -0,0 +1,13 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+const CheckCircleIcon = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>check</title>
+<path d="M27.521 6.976c-0.569-0.472-1.407-0.393-1.879 0.171l-12.567 15.080-7.003-4.668c-0.615-0.411-1.441-0.244-1.849 0.369-0.409 0.612-0.244 1.441 0.369 1.849l8 5.333c0.227 0.149 0.484 0.223 0.739 0.223 0.384 0 0.763-0.165 1.027-0.48l13.333-16c0.471-0.565 0.393-1.407-0.171-1.877z"></path>
+</svg>
+`;
+
+export { CheckCircleIcon as C };
+
+//# sourceMappingURL=check-838f37a7.js.map

package/dist/esm/check-838f37a7.js.map

@@ -0,0 +1 @@
+{"file":"check-838f37a7.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/esm/{index-e6c3f002.js → index-9a9b1e67.js}

@@ -2083,6 +2083,9 @@ const setContentReference = (elm) => {
     elm.insertBefore(contentRefElm, elm.firstChild);
 };
 const disconnectInstance = (instance) => {
+    {
+        safeCall(instance, 'disconnectedCallback');
+    }
 };
 const disconnectedCallback = async (elm) => {
     if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
@@ -2093,9 +2096,11 @@ const disconnectedCallback = async (elm) => {
                 hostRef.$rmListeners$ = undefined;
             }
         }
-        if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
+        if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) {
+            disconnectInstance(hostRef.$lazyInstance$);
+        }
         else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
-            hostRef.$onReadyPromise$.then(() => disconnectInstance());
+            hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
         }
     }
 };
@@ -2318,6 +2323,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './salla-offer.entry.js').then(processMod, consoleError);
+        case 'salla-order-summary':
+          return import(
+            /* webpackMode: "lazy" */
+            './salla-order-summary.entry.js').then(processMod, consoleError);
         case 'salla-payments':
           return import(
             /* webpackMode: "lazy" */
@@ -2438,4 +2447,4 @@ const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
 
-//# sourceMappingURL=index-e6c3f002.js.map
+//# sourceMappingURL=index-9a9b1e67.js.map