@salla.sa/twilight-components 1.0.104 → 1.0.108

package/dist/esm/salla-offer-modal.entry.js

@@ -1,141 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, h, g as getElement } from './index-20b84fd0.js';
-import { H as Helper } from './Helper-e1d414a5.js';
-
-const sallaOfferModalCss = "";
-
-const SallaOfferModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    var _a, _b;
-    this.offer = null;
-    this.offer_expires_in = salla.lang.get('pages.products.offer_expires_in');
-    this.remember_my_choice = salla.lang.get('commone.remember_my_choice');
-    this.add_to_cart = salla.lang.get('pages.cart.add_to_cart');
-    this.out_of_stock = salla.lang.get('pages.products.out_of_stock');
-    Helper.setHost(this.host);
-    salla.lang.onLoaded(() => {
-      this.offer_expires_in = salla.lang.get('pages.products.offer_expires_in');
-      this.remember_my_choice = salla.lang.get('common.elements.remember_my_choice');
-      this.add_to_cart = salla.lang.get('pages.cart.add_to_cart');
-      this.out_of_stock = salla.lang.get('pages.products.out_of_stock');
-    });
-    this.categorySlot = ((_a = Helper.getElement('[slot="category"]')) === null || _a === void 0 ? void 0 : _a.innerHTML) || '<i class="s-offer-modal-badge-icon sicon-tag"></i><span class="s-offer-modal-badge-text">{name}</span>';
-    this.productSlot = ((_b = Helper.getElement('[slot="product"]')) === null || _b === void 0 ? void 0 : _b.innerHTML) || this.defaultProductSlot();
-    salla.product.event.onOfferExisted(offer => {
-      if (salla.storage.get('remember-offer-' + offer.id)) {
-        salla.log('User selected to don\'t show this offer again.');
-        return;
-      }
-      this.open(offer.product_id);
-    });
-  }
-  /**
-   * Show the available offers for the product
-   * @param product_id
-   */
-  async open(product_id) {
-    //TODO:: make sure there is only one offer
-    return salla.product.offers(product_id)
-      .then(response => this.showOffer(response.data[0]));
-  }
-  /**
-   * Show offer details
-   * @param {Offer} offer
-   */
-  async showOffer(offer) {
-    this.offer = offer;
-    this.offer_name = offer.name;
-    this.offer_message = offer.message;
-    this.modal.setTitle(this.offer_name);
-    return this.modal.open();
-  }
-  rememberMe(event) {
-    console.log("🚀 ~ file: salla-offer-modal.tsx ~ line 75 ~ SallaOfferModal ~ rememberMe ~ rememberMe", event);
-    salla.storage.set('remember-offer-' + this.offer.id, event.target.checked);
-  }
-  //todo:: pass event then use sallaButton from it
-  addItem() {
-    // this here, is sallaButton
-    this['load']();
-    return salla.cart.api
-      .quickAdd(this['dataset'].id)
-      .finally(() => this['stop']());
-  }
-  defaultProductSlot() {
-    return '<a href={url} class="s-offer-modal-product-image-wrap"><img class="s-offer-modal-product-image" src="{image}" /></a>' +
-      '<div class="s-offer-modal-product-info">' +
-      '   <a href={url} class="s-offer-modal-product-name">{name}</a>' +
-      '   <div class="s-offer-modal-product-price">{price}</div>' +
-      '</div>';
-  }
-  render() {
-    var _a, _b;
-    return h("salla-modal", { id: "salla-offer-modal", "sub-title-first": true, icon: "sicon-special-discount", "sub-title": this.offer_message, ref: modal => this.modal = modal, "is-loading": this.offer === null }, this.offer !== null
-      ? [h("div", { class: "s-offer-modal-scrolled-slider-wrap" }, h("div", { class: "s-offer-modal-body s-offer-modal-scrolled-slider" }, ((_a = this.offer.get.categories) === null || _a === void 0 ? void 0 : _a.length) > 0
-          ? this.offer.get.categories.map(category => h("a", { href: category.urls.customer, class: "s-offer-modal-badge s-offer-modal-slider-item", innerHTML: this.categorySlot
-              .replace(/\{name\}/g, category.name)
-              .replace(/\{url\}/g, category.urls.customer) }))
-          : (_b = this.offer.get.products) === null || _b === void 0 ? void 0 : _b.map(product => h("div", { class: { "s-offer-modal-product": true, "s-offer-modal-slider-item": true, "s-offer-modal-not-available": !product.is_available }, id: 'product_' + product.id, innerHTML: this.productSlot
-              .replace(/\{name\}/g, product.name)
-              .replace(/\{url\}/g, product.url)
-              .replace(/\{image\}/g, product.thumbnail)
-              .replace(/\{price\}/g, product.has_special_price
-              ? salla.money(product.price) + '<span class="s-offer-modal-product-old-price">' + salla.money(product.regular_price) + '</span>'
-              : salla.money(product.price)) }, h("div", { class: "s-offer-modal-btn-wrap" }, h("salla-button", { width: "wide", fill: 'outline', "data-id": product.id, disabled: !product.is_available, "loader-position": "center", onClick: this.addItem }, product.is_available ? this.add_to_cart : this.out_of_stock))))), h("div", { class: "s-offer-modal-slider-nav" }, h("button", { class: "s-offer-modal-nav-btn s-offer-modal-prev-btn" }, h("span", { class: "s-offer-modal-nav-btn-icon sicon-keyboard_arrow_left" })), h("button", { class: "s-offer-modal-nav-btn s-offer-modal-next-btn" }, h("span", { class: "s-offer-modal-nav-btn-icon sicon-keyboard_arrow_right" })))), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
-          h("p", { class: "s-offer-modal-expiry" }, this.offer_expires_in, " ", this.offer.formatted_date)
-          : '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", this.remember_my_choice)),
-      ] : '');
-  }
-  componentDidRender() {
-    // Sooo mini Slider
-    if (this.offer && window.screen.width > 639) {
-      let sliderWrap = this.modal.querySelector('.s-offer-modal-scrolled-slider-wrap'), slider = this.modal.querySelector('.s-offer-modal-scrolled-slider'), navButtons = this.modal.querySelectorAll('.s-offer-modal-nav-btn'), nexBtn = this.modal.querySelector('.s-offer-modal-next-btn'), prevBtn = this.modal.querySelector('.s-offer-modal-prev-btn'), items = this.modal.querySelectorAll('.s-offer-modal-slider-item'), sliderNavMargin = 20, // space before displaying the next/prev btns.
-      current = 0, // current slide
-      slidesToScroll = 3, itemsLength = items.length;
-      console.log('items[0]:', items[0]);
-      let itemSize = items[0].offsetWidth, sliderSize = itemsLength * itemSize, sliderWrapperSize = sliderWrap.offsetWidth, sliderInvisibleSize = sliderSize - sliderWrapperSize, isRTL = document.body.classList.contains('rtl') ? true : false;
-      if (sliderInvisibleSize > sliderNavMargin)
-        nexBtn.classList.add('s-offer-modal-btn-is-active');
-      window.onresize = function () {
-        sliderWrapperSize = sliderWrap.offsetWidth;
-        sliderInvisibleSize = sliderSize - sliderWrapperSize;
-      };
-      slider.addEventListener('scroll', function () {
-        let sliderPosition = Math.abs(slider.scrollLeft);
-        let sliderEndOffset = sliderInvisibleSize - sliderNavMargin;
-        // show & hide the navigation btns depending on scroll position
-        if (sliderPosition <= sliderNavMargin) {
-          nexBtn.classList.add('s-offer-modal-btn-is-active');
-          prevBtn.classList.remove('s-offer-modal-btn-is-active');
-        }
-        else if (sliderPosition < sliderEndOffset) {
-          // show both btns in the middle
-          nexBtn.classList.add('s-offer-modal-btn-is-active');
-          prevBtn.classList.add('s-offer-modal-btn-is-active');
-        }
-        else if (sliderPosition >= sliderEndOffset) {
-          nexBtn.classList.remove('s-offer-modal-btn-is-active');
-          prevBtn.classList.add('s-offer-modal-btn-is-active');
-        }
-      });
-      // Navigation
-      navButtons.forEach(btn => {
-        btn.addEventListener('click', function () {
-          btn.classList.contains('s-offer-modal-next-btn') ? current++ : current--;
-          slider.scrollTo({
-            top: 0,
-            left: itemSize * slidesToScroll * current * (isRTL ? -1 : 1),
-            behavior: 'smooth'
-          });
-        });
-      });
-    }
-  }
-  get host() { return getElement(this); }
-};
-SallaOfferModal.style = sallaOfferModalCss;
-
-export { SallaOfferModal as salla_offer_modal };

package/dist/esm/salla-rating-modal.entry.js

@@ -1,173 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-20b84fd0.js';
-import { H as Helper } from './Helper-e1d414a5.js';
-
-const sallaRatingModalCss = "";
-
-const SallaRatingModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.stepsCount = 0;
-    this.currentIndex = 0;
-    this.submitted = [];
-    /**
-     * The order id, to rate on its products & shipping
-     */
-    this.orderId = salla.config.get('page.id');
-    this.rate_the_store = salla.lang.get('pages.rating.rate_the_store');
-    this.write_store_rate = salla.lang.get('pages.rating.write_store_rate');
-    this.rate_product_stars = salla.lang.get('pages.rating.rate_product_stars');
-    this.write_product_rate = salla.lang.get('pages.rating.write_product_rate');
-    this.rate_shipping = salla.lang.get('pages.rating.rate_shipping');
-    this.write_shipping_rate = salla.lang.get('pages.rating.write_shipping_rate');
-    this.thanks = salla.lang.get('pages.rating.thanks');
-    this.back = salla.lang.get('common.elements.back');
-    this.next = salla.lang.get('common.elements.next');
-    Helper.setHost(document);
-    salla.event.on('rating::open', () => this.open());
-    salla.lang.onLoaded(() => {
-      this.rate_the_store = salla.lang.get('pages.rating.rate_the_store');
-      this.write_store_rate = salla.lang.get('pages.rating.write_store_rate');
-      this.rate_product_stars = salla.lang.get('pages.rating.rate_product_stars');
-      this.write_product_rate = salla.lang.get('pages.rating.write_product_rate');
-      this.rate_shipping = salla.lang.get('pages.rating.rate_shipping');
-      this.write_shipping_rate = salla.lang.get('pages.rating.write_shipping_rate');
-      this.thanks = salla.lang.get('pages.rating.thanks');
-      this.back = salla.lang.get('common.elements.back');
-      this.next = salla.lang.get('common.elements.next');
-    });
-  }
-  /**
-   * Show the rating modal
-   */
-  async open() {
-    return this.modal.open()
-      .then(() => this.order || salla.rating.api.order(this.orderId).then(res => this.order = res.data))
-      .then(() => this.modal.setTitle(salla.lang.get('pages.rating.rate_order') + ' <span class="unicode">(#' + this.order.id + ')</span>'))
-      .then(() => this.modal.stopLoading())
-      .then(() => this.stepsCount = [this.order.testimonials_enabled, this.order.products_enabled, this.order.shipping_enabled].filter(enabled => enabled).length)
-      .then(() => setTimeout(() => this.handleWizard(), 100));
-  }
-  /**
-   * Show the rating modal
-   */
-  async close() {
-    return this.modal.close();
-  }
-  // handle wizard
-  handleWizard() {
-    this.steps = this.modal.querySelectorAll(".s-rating-modal-step");
-    this.dots = this.modal.querySelectorAll(".s-rating-modal-step-dot");
-    this.showActiveStep();
-  }
-  showActiveStep(current = null) {
-    var _a;
-    this.currentTab = current || this.steps[this.currentIndex];
-    Helper.toggleClassIf('.s-rating-modal-step-dot', 's-rating-modal-bg-gray', 's-rating-modal-bg-primary', dot => dot != this.dots[this.currentIndex])
-      .toggleClassIf('.s-rating-modal-step', 's-rating-modal-active', 's-rating-modal-hidden', tab => tab == this.currentTab);
-    if (this.currentIndex != 0) {
-      // the animation
-      Helper.toggleElementClassIf(this.currentTab, 's-rating-modal-unactive', 's-rating-modal-hidden', () => true);
-      setTimeout(() => Helper.toggleElementClassIf(this.currentTab, 's-rating-modal-active', 's-rating-modal-unactive', () => true), 300);
-    }
-    // Btn text
-    let nextType = (_a = this.steps[this.currentIndex + 1]) === null || _a === void 0 ? void 0 : _a.dataset.type;
-    this.nextBtn.setText(nextType ? salla.lang.get('pages.rating.rate') + ' ' + salla.lang.get('pages.rating.' + nextType)
-      : salla.lang.get('pages.rating.send_ratings'));
-    setTimeout(() => { var _a; return this.body.setAttribute('style', 'height:' + ((_a = this.currentTab) === null || _a === void 0 ? void 0 : _a.scrollHeight) + 'px'); });
-  }
-  previousTab() {
-    this.currentIndex > 0 && this.currentIndex--;
-    Helper.toggleElementClassIf(this.backBtn, 's-rating-modal-unvisiable', 'block', () => this.currentIndex == 0);
-    this.showActiveStep();
-  }
-  submit() {
-    this.submittedBefore() || this.validate();
-    salla.config.canLeave = false;
-    this.nextBtn.load()
-      .then(() => this.submittedBefore() || this.sendFeedback())
-      .then(() => this.currentTab.querySelectorAll('[name],.s-rating-modal-btn-star').forEach(el => el.setAttribute('disabled', '')))
-      .then(() => this.currentIndex < this.stepsCount && this.currentIndex++)
-      .then(() => this.showActiveStep())
-      .then(() => Helper.toggleClassIf('#prev-btn', 'block', 's-rating-modal-unvisiable', () => true))
-      .finally(() => {
-      this.nextBtn.stop();
-      salla.config.canLeave = true;
-      this.currentIndex == this.stepsCount && this.showThankYou();
-      this.modal.isClosable = false;
-    });
-  }
-  submittedBefore() {
-    return this.submitted.includes(this.currentIndex);
-  }
-  validate(rating = null, type = null) {
-    if (!rating && this.currentTab.dataset.type == 'products') {
-      return this.currentTab.querySelectorAll('.rating-outer-form').forEach(rating => this.validate(rating, 'product'));
-    }
-    rating = rating || this.currentTab;
-    let stars = rating.querySelector('.rating_hidden_input').value;
-    let comment = rating.querySelector('.s-rating-modal-comment');
-    let validationMessage = rating.querySelector('.s-rating-modal-validation-msg');
-    if (stars && comment.value && comment.value.length > 3) {
-      comment.classList.remove('s-has-error');
-      validationMessage.innerHTML = '';
-      return;
-    }
-    type = type || rating['dataset'].type;
-    Helper.toggleElementClassIf(comment, 'save', 's-has-error', el => el.value.length > 3);
-    throw validationMessage.innerHTML = stars
-      ? (salla.lang.get('common.errors.not_less_than_chars', { chars: 4 }) + ' ' + comment.getAttribute('placeholder'))
-      : salla.lang.get(`pages.rating.rate_${type}_stars`).replace(' (:item)', '');
-  }
-  sendFeedback() {
-    let data = {};
-    this.currentTab.querySelectorAll('[name]').forEach((input) => {
-      //decode names like `<input name="jamal[inner]" value="hi">` to be {name:jamal, value: {inner:"hi"}}
-      let inputData = salla.helpers.inputData(input.name, input.value, data);
-      data[inputData.name] = inputData.value;
-    });
-    if (Object.keys(data).length == 0) {
-      return;
-    }
-    data['order_id'] = this.orderId;
-    data['type'] = this.currentTab.dataset.type;
-    this.submitted.push(this.currentIndex);
-    return salla.rating.api[this.currentTab.dataset.type](data);
-  }
-  showThankYou() {
-    let seconds = 10;
-    let timeToClose = setInterval(() => {
-      this.thanksTime.innerHTML = '00:0' + (seconds--);
-      if (seconds > 0) {
-        return;
-      }
-      clearInterval(timeToClose);
-      this.thanksTime.remove();
-      this.close().then(() => window.location.reload());
-    }, 1000);
-    this.modal.querySelector('.s-rating-modal-footer').classList.add('s-rating-modal-unvisiable');
-    this.showActiveStep(this.thanksTab);
-  }
-  render() {
-    return (h(Host, { id: "s-rating" }, h("salla-modal", { isLoading: true, width: "md", ref: modal => this.modal = modal }, this.order
-      ? [h("div", { class: "s-rating-modal-wrapper", ref: el => this.body = el }, this.order.testimonials_enabled ?
-          h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "store" }, h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: salla.config.get('store.logo', 'https://assets.salla.sa/cp/assets/images/logo-new.png'), alt: "store name", class: "s-rating-modal-store-logo" })), h("h2", { class: "s-rating-modal-title" }, this.rate_the_store), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { size: "large" })), h("textarea", { id: "storeReview", name: "comment", class: "s-rating-modal-comment", placeholder: this.write_store_rate }), h("small", { class: "s-rating-modal-validation-msg" }))
-          : '', this.order.products_enabled
-          ? h("section", { class: "s-rating-modal-step s-rating-modal-hidden", "data-type": "products" }, this.order.products.map((item, index) => h("div", { class: "rating-outer-form s-rating-modal-product", "data-stars-error": this.rate_product_stars }, h("div", { class: "s-rating-modal-product-img-wrap" }, h("img", { src: item.product.thumbnail, alt: item.product.name, class: "s-rating-modal-product-img" })), h("div", { class: "s-rating-modal-product-details" }, h("h3", { class: "s-rating-modal-product-title" }, " ", item.product.name), h("div", { class: "s-rating-modal-stars-product" }, h("salla-rating-stars", { size: "small", name: `products[${index}][rating]` })), h("input", { type: "hidden", name: `products[${index}][product_id]`, value: item.product.id }), h("textarea", { placeholder: this.write_product_rate, name: `products[${index}][comment]`, class: "s-rating-modal-comment" }), h("small", { class: "s-rating-modal-validation-msg" })))))
-          : '', this.order.shipping_enabled
-          ? h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "shipping" }, h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.company.id }), this.order.shipping.company.logo
-            ? h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: this.order.shipping.company.logo, class: "s-rating-modal-shipping-logo", alt: this.order.shipping.company.name }))
-            : h("span", { class: "s-rating-modal-icon sicon-shipping-fast" }), h("div", { class: "s-rating-modal-title" }, " ", this.rate_shipping + ' ' + this.order.shipping.company.name), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { size: "large" })), h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: this.write_shipping_rate }), h("small", { class: "s-rating-modal-validation-msg" }))
-          : '', h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, h("span", { class: "s-rating-modal-icon sicon-check-circle2" }), h("h3", { class: "s-rating-modal-thanks-title" }, this.thanks), h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), h("time", { class: "s-rating-modal-thanks-time", ref: el => this.thanksTime = el }))), h("div", { class: "s-rating-modal-footer" }, h("button", { ref: el => this.backBtn = el, onClick: () => this.previousTab(), class: "s-rating-modal-btn s-rating-modal-unvisiable" }, this.back), this.stepsCount > 1 ? h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map(() => h("li", { class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '', h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, this.next)),]
-      : '')));
-  }
-  componentDidLoad() {
-    salla.event.dispatch('rating::ready', this);
-  }
-  get host() { return getElement(this); }
-};
-SallaRatingModal.style = sallaRatingModalCss;
-
-export { SallaRatingModal as salla_rating_modal };

package/dist/esm/salla-rating-stars.entry.js

@@ -1,72 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-20b84fd0.js';
-import { H as Helper } from './Helper-e1d414a5.js';
-
-const sallaRatingStarsCss = "";
-
-const SallaRatingStars = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.name = 'rating';
-    this.size = 'medium';
-  }
-  initiateRating() {
-    this.host.addEventListener('click', () => {
-      if (!this.startsElem)
-        return;
-      // Get the selected star - activeElement is not supported in safari
-      let activeStars = this.startsElem.querySelectorAll('.s-rating-stars-hovered');
-      let selected = activeStars[activeStars.length - 1];
-      if (!selected)
-        return;
-      let selectedIndex = selected.getAttribute('data-star');
-      this.startsElem.querySelector('.rating_hidden_input').value = selectedIndex;
-      // Loop through each star, and add or remove the `.selected` class to toggle highlighting
-      this.startsElem.querySelectorAll('.s-rating-stars-btn-star')
-        .forEach((star, index) => Helper.toggleElementClassIf(star, 's-rating-stars-selected', 's-rating-stars-unselected', () => index < parseInt(selectedIndex)));
-      // update aria-pressed attr status
-      this.startsElem.querySelectorAll('[aria-pressed]').forEach(star => star.removeAttribute('aria-pressed'));
-      selected.setAttribute('aria-pressed', 'true');
-    });
-  }
-  highlightSelectedStars() {
-    var _a, _b;
-    let hoveredClass = 's-rating-stars-hovered', stars = (_a = this.startsElem) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.s-rating-stars-btn-star');
-    stars === null || stars === void 0 ? void 0 : stars.forEach((star, index) => {
-      star.addEventListener('mouseover', () => {
-        for (let i = 0; i <= index; i++) {
-          stars[i].classList.add(hoveredClass);
-        }
-      });
-      star.addEventListener('mouseout', () => star.classList.remove(hoveredClass));
-    });
-    (_b = this.startsElem) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseout', () => stars.forEach(star => star.classList.remove(hoveredClass)));
-  }
-  createStars(n) {
-    let stars = [];
-    for (let i = 0; i < 5; i++) {
-      stars.push(h("span", { class: {
-          's-rating-stars-btn-star sicon-star2': true,
-          ['s-rating-stars-' + this.size]: true,
-          's-rating-stars-selected': i < n
-        } }));
-    }
-    return stars;
-  }
-  render() {
-    return (h(Host, null, this.value ?
-      h("div", { class: "s-rating-stars-wrapper" }, " ", this.createStars(this.value), " ")
-      :
-        h("div", { class: "s-rating-stars-element", ref: (el) => this.startsElem = el }, h("input", { type: "hidden", class: "rating_hidden_input", name: this.name, value: "" }), [1, 2, 3, 4, 5].map(star => h("button", { class: `s-rating-stars-btn-star s-rating-stars-` + this.size, "data-star": star }, h("i", { class: "sicon-star2" }))))));
-  }
-  componentDidLoad() {
-    this.initiateRating();
-    this.highlightSelectedStars();
-  }
-  get host() { return getElement(this); }
-};
-SallaRatingStars.style = sallaRatingStarsCss;
-
-export { SallaRatingStars as salla_rating_stars };

package/dist/esm/salla-verify.entry.js

@@ -1,164 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-20b84fd0.js';
-import { H as Helper } from './Helper-e1d414a5.js';
-
-const sallaVerifyCss = "salla-verify{display:block}";
-
-const SallaVerify = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.verified = createEvent(this, "verified", 7);
-    this.initiated = false;
-    /**
-     * Should render component without modal
-     */
-    this.display = 'modal';
-    /**
-     * Verifying method
-     */
-    this.type = 'mobile';
-    /**
-     * should auto reloading the page after success verification
-     */
-    this.autoReload = true;
-    this.resendAfter = 30;
-    /**
-     * to use: `salla.api.auth.verify` or `salla.profile.verify`
-     */
-    this.isProfileVerify = false;
-    // Helper.setHost(this.host);
-    salla.lang.onLoaded(() => {
-      var _a, _b;
-      this.title = salla.lang.get('pages.profile.verify_title') + salla.lang.get('common.elements.' + this.type);
-      (_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
-      (_b = this.btn) === null || _b === void 0 ? void 0 : _b.setText(salla.lang.get('pages.profile.verify'));
-    });
-    if (this.display == 'inline') {
-      this.modal = { open: () => '', close: () => '', setTitle: () => '' };
-      return;
-    }
-    salla.event.on('profile::verification', data => {
-      var _a;
-      this.isProfileVerify = true;
-      this.open(data);
-      this.title = salla.lang.get('pages.profile.verify_title') + salla.lang.get('common.elements.' + data.type);
-      (_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
-    });
-    salla.event.on('modalClosed', () => {
-      this.resendAfter = 0;
-      this.timer.innerHTML = '30 : 00';
-    });
-  }
-  /**
-   * Get current code
-   * @return {string}
-   */
-  async getCode() {
-    return this.code.value;
-  }
-  /**
-   * Open verifying modal
-   * @param data
-   */
-  async open(data) {
-    var _a;
-    this.data = data;
-    this.data.type = this.data.type || this.type;
-    this.type = this.data.type;
-    this.resendTimer();
-    this.otpInputs = this.body.querySelectorAll('.s-verify-input');
-    if (!this.initiated) {
-      Helper.on('input', '.s-verify-input', e => salla.helpers.inputDigitsOnly(e.target));
-      Helper.onKeyUp('.s-verify-input', event => {
-        var _a, _b, _c, _d;
-        let key = event.keyCode || event.charCode;
-        if (event.target.value) {
-          (_a = event.target.nextElementSibling) === null || _a === void 0 ? void 0 : _a.focus();
-          (_b = event.target.nextElementSibling) === null || _b === void 0 ? void 0 : _b.select();
-        }
-        else if ([8, 46].includes(key)) {
-          (_c = event.target.previousElementSibling) === null || _c === void 0 ? void 0 : _c.focus();
-          (_d = event.target.previousElementSibling) === null || _d === void 0 ? void 0 : _d.select();
-        }
-        this.toggleOTPSubmit();
-      });
-      Helper.on('paste', '.s-verify-input', event => {
-        let text = salla.helpers.number(event.clipboardData.getData('text')).replace(/[^0-9.]/g, '').replace('..', '.');
-        this.otpInputs.forEach((input, i) => input.value = text[i] || '');
-        this.toggleOTPSubmit();
-        setTimeout(() => this.otpInputs[3].focus(), 100);
-      });
-      // return this.modal.open();
-      this.initiated = true;
-    }
-    this.reset();
-    this.display == 'modal' && ((_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title));
-    this.modal.open();
-    // focus the first input after opening the modal
-    setTimeout(() => this.otpInputs[0].focus(), 100);
-  }
-  toggleOTPSubmit() {
-    let otp = [];
-    this.otpInputs.forEach(input => input.value && otp.push(input.value));
-    this.code.value = otp.join('');
-    if (otp.length === 4) {
-      this.btn.removeAttribute('disabled');
-      this.btn.click();
-      return;
-    }
-    this.btn.setAttribute('disabled', '');
-  }
-  reset() {
-    this.otpInputs.forEach((input) => input.value = '');
-    this.code.value = '';
-    this.otpInputs[0].focus();
-  }
-  resendTimer() {
-    Helper.showElement(this.resendMessage).hideElement(this.resend);
-    this.resendAfter = 30;
-    let timerId = setInterval(() => {
-      if (this.resendAfter <= 0) {
-        clearInterval(timerId);
-        Helper.hideElement(this.resendMessage).showElement(this.resend);
-      }
-      else {
-        this.timer.innerHTML = `${this.resendAfter >= 10 ? this.resendAfter : '0' + this.resendAfter} : 00`;
-        this.resendAfter--;
-      }
-    }, 1000);
-  }
-  resendCode() {
-    return this.btn.stop()
-      .then(() => this.btn.disable())
-      .then(() => {
-      this.otpInputs.forEach(input => input.value = '');
-      this.otpInputs[0].focus();
-    })
-      .then(() => salla.api.auth.resend(this.data))
-      .finally(() => this.resendTimer());
-  }
-  submit() {
-    let data = Object.assign({ code: this.code.value }, this.data);
-    return this.btn.load()
-      .then(() => this.btn.disable())
-      .then(() => this.isProfileVerify ? salla.profile.verify(data) : salla.auth.verify(data, true))
-      .then(response => this.verified.emit(response))
-      .then(() => this.btn.stop() && this.btn.disable())
-      .then(() => this.modal.close())
-      .then(() => this.autoReload && window.location.reload())
-      .catch(() => this.btn.stop() && this.btn.enable() && this.reset());
-  }
-  render() {
-    return this.display == 'inline' ? h(Host, null, this.myBody()) :
-      h("salla-modal", { icon: "sicon-android-phone", width: "xs", class: "s-verify", ref: modal => this.modal = modal, "modal-title": this.title }, this.myBody());
-  }
-  myBody() {
-    return (h("div", { class: "s-verify-body", ref: body => this.body = body }, h("div", { class: "s-verify-message", innerHTML: salla.lang.get('pages.profile.verify_message') }), h("input", { type: "hidden", name: "code", maxlength: "4", required: true, ref: code => this.code = code }), h("div", { class: "s-verify-codes", dir: "ltr" }, [1, 2, 3, 4].map(() => h("input", { type: "text", maxlength: "1", class: "s-verify-input", required: true }))), h("div", { slot: "footer", class: "s-verify-footer" }, h("salla-button", { class: "s-verify-submit", "loader-position": 'center', disabled: true, onClick: () => this.submit(), ref: b => this.btn = b }, salla.lang.get('pages.profile.verify')), h("p", { class: "s-verify-resend-message", ref: el => this.resendMessage = el }, salla.lang.get('blocks.header.resend_after'), h("b", { class: "s-verify-timer", ref: el => this.timer = el })), h("a", { href: "#", class: "s-verify-resend", onClick: () => this.resendCode(), ref: el => this.resend = el }, salla.lang.get('blocks.comments.submit'))), h("slot", { name: "after-footer" })));
-  }
-  get host() { return getElement(this); }
-};
-SallaVerify.style = sallaVerifyCss;
-
-export { SallaVerify as salla_verify };

package/dist/twilight-components/p-30e63760.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as s,h as a,H as t,g as i}from"./p-c2bef5f2.js";import{H as l}from"./p-9d2ca9c8.js";const r=class{constructor(a){s(this,a),this.stepsCount=0,this.currentIndex=0,this.submitted=[],this.orderId=salla.config.get("page.id"),this.rate_the_store=salla.lang.get("pages.rating.rate_the_store"),this.write_store_rate=salla.lang.get("pages.rating.write_store_rate"),this.rate_product_stars=salla.lang.get("pages.rating.rate_product_stars"),this.write_product_rate=salla.lang.get("pages.rating.write_product_rate"),this.rate_shipping=salla.lang.get("pages.rating.rate_shipping"),this.write_shipping_rate=salla.lang.get("pages.rating.write_shipping_rate"),this.thanks=salla.lang.get("pages.rating.thanks"),this.back=salla.lang.get("common.elements.back"),this.next=salla.lang.get("common.elements.next"),l.setHost(document),salla.event.on("rating::open",(()=>this.open())),salla.lang.onLoaded((()=>{this.rate_the_store=salla.lang.get("pages.rating.rate_the_store"),this.write_store_rate=salla.lang.get("pages.rating.write_store_rate"),this.rate_product_stars=salla.lang.get("pages.rating.rate_product_stars"),this.write_product_rate=salla.lang.get("pages.rating.write_product_rate"),this.rate_shipping=salla.lang.get("pages.rating.rate_shipping"),this.write_shipping_rate=salla.lang.get("pages.rating.write_shipping_rate"),this.thanks=salla.lang.get("pages.rating.thanks"),this.back=salla.lang.get("common.elements.back"),this.next=salla.lang.get("common.elements.next")}))}async open(){return this.modal.open().then((()=>this.order||salla.rating.api.order(this.orderId).then((s=>this.order=s.data)))).then((()=>this.modal.setTitle(salla.lang.get("pages.rating.rate_order")+' <span class="unicode">(#'+this.order.id+")</span>"))).then((()=>this.modal.stopLoading())).then((()=>this.stepsCount=[this.order.testimonials_enabled,this.order.products_enabled,this.order.shipping_enabled].filter((s=>s)).length)).then((()=>setTimeout((()=>this.handleWizard()),100)))}async close(){return this.modal.close()}handleWizard(){this.steps=this.modal.querySelectorAll(".s-rating-modal-step"),this.dots=this.modal.querySelectorAll(".s-rating-modal-step-dot"),this.showActiveStep()}showActiveStep(s=null){var a;this.currentTab=s||this.steps[this.currentIndex],l.toggleClassIf(".s-rating-modal-step-dot","s-rating-modal-bg-gray","s-rating-modal-bg-primary",(s=>s!=this.dots[this.currentIndex])).toggleClassIf(".s-rating-modal-step","s-rating-modal-active","s-rating-modal-hidden",(s=>s==this.currentTab)),0!=this.currentIndex&&(l.toggleElementClassIf(this.currentTab,"s-rating-modal-unactive","s-rating-modal-hidden",(()=>!0)),setTimeout((()=>l.toggleElementClassIf(this.currentTab,"s-rating-modal-active","s-rating-modal-unactive",(()=>!0))),300));let t=null===(a=this.steps[this.currentIndex+1])||void 0===a?void 0:a.dataset.type;this.nextBtn.setText(t?salla.lang.get("pages.rating.rate")+" "+salla.lang.get("pages.rating."+t):salla.lang.get("pages.rating.send_ratings")),setTimeout((()=>{var s;return this.body.setAttribute("style","height:"+(null===(s=this.currentTab)||void 0===s?void 0:s.scrollHeight)+"px")}))}previousTab(){this.currentIndex>0&&this.currentIndex--,l.toggleElementClassIf(this.backBtn,"s-rating-modal-unvisiable","block",(()=>0==this.currentIndex)),this.showActiveStep()}submit(){this.submittedBefore()||this.validate(),salla.config.canLeave=!1,this.nextBtn.load().then((()=>this.submittedBefore()||this.sendFeedback())).then((()=>this.currentTab.querySelectorAll("[name],.s-rating-modal-btn-star").forEach((s=>s.setAttribute("disabled",""))))).then((()=>this.currentIndex<this.stepsCount&&this.currentIndex++)).then((()=>this.showActiveStep())).then((()=>l.toggleClassIf("#prev-btn","block","s-rating-modal-unvisiable",(()=>!0)))).finally((()=>{this.nextBtn.stop(),salla.config.canLeave=!0,this.currentIndex==this.stepsCount&&this.showThankYou(),this.modal.isClosable=!1}))}submittedBefore(){return this.submitted.includes(this.currentIndex)}validate(s=null,a=null){if(!s&&"products"==this.currentTab.dataset.type)return this.currentTab.querySelectorAll(".rating-outer-form").forEach((s=>this.validate(s,"product")));let t=(s=s||this.currentTab).querySelector(".rating_hidden_input").value,i=s.querySelector(".s-rating-modal-comment"),r=s.querySelector(".s-rating-modal-validation-msg");if(t&&i.value&&i.value.length>3)return i.classList.remove("s-has-error"),void(r.innerHTML="");throw a=a||s.dataset.type,l.toggleElementClassIf(i,"save","s-has-error",(s=>s.value.length>3)),r.innerHTML=t?salla.lang.get("common.errors.not_less_than_chars",{chars:4})+" "+i.getAttribute("placeholder"):salla.lang.get(`pages.rating.rate_${a}_stars`).replace(" (:item)","")}sendFeedback(){let s={};if(this.currentTab.querySelectorAll("[name]").forEach((a=>{let t=salla.helpers.inputData(a.name,a.value,s);s[t.name]=t.value})),0!=Object.keys(s).length)return s.order_id=this.orderId,s.type=this.currentTab.dataset.type,this.submitted.push(this.currentIndex),salla.rating.api[this.currentTab.dataset.type](s)}showThankYou(){let s=10,a=setInterval((()=>{this.thanksTime.innerHTML="00:0"+s--,s>0||(clearInterval(a),this.thanksTime.remove(),this.close().then((()=>window.location.reload())))}),1e3);this.modal.querySelector(".s-rating-modal-footer").classList.add("s-rating-modal-unvisiable"),this.showActiveStep(this.thanksTab)}render(){return a(t,{id:"s-rating"},a("salla-modal",{isLoading:!0,width:"md",ref:s=>this.modal=s},this.order?[a("div",{class:"s-rating-modal-wrapper",ref:s=>this.body=s},this.order.testimonials_enabled?a("div",{class:"rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden","data-type":"store"},a("div",{class:"s-rating-modal-rounded-icon"},a("img",{src:salla.config.get("store.logo","https://assets.salla.sa/cp/assets/images/logo-new.png"),alt:"store name",class:"s-rating-modal-store-logo"})),a("h2",{class:"s-rating-modal-title"},this.rate_the_store),a("div",{class:"s-rating-modal-stars-company"},a("salla-rating-stars",{size:"large"})),a("textarea",{id:"storeReview",name:"comment",class:"s-rating-modal-comment",placeholder:this.write_store_rate}),a("small",{class:"s-rating-modal-validation-msg"})):"",this.order.products_enabled?a("section",{class:"s-rating-modal-step s-rating-modal-hidden","data-type":"products"},this.order.products.map(((s,t)=>a("div",{class:"rating-outer-form s-rating-modal-product","data-stars-error":this.rate_product_stars},a("div",{class:"s-rating-modal-product-img-wrap"},a("img",{src:s.product.thumbnail,alt:s.product.name,class:"s-rating-modal-product-img"})),a("div",{class:"s-rating-modal-product-details"},a("h3",{class:"s-rating-modal-product-title"}," ",s.product.name),a("div",{class:"s-rating-modal-stars-product"},a("salla-rating-stars",{size:"small",name:`products[${t}][rating]`})),a("input",{type:"hidden",name:`products[${t}][product_id]`,value:s.product.id}),a("textarea",{placeholder:this.write_product_rate,name:`products[${t}][comment]`,class:"s-rating-modal-comment"}),a("small",{class:"s-rating-modal-validation-msg"})))))):"",this.order.shipping_enabled?a("div",{class:"rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden","data-type":"shipping"},a("input",{type:"hidden",name:"shipping_company_id",value:this.order.shipping.company.id}),this.order.shipping.company.logo?a("div",{class:"s-rating-modal-rounded-icon"},a("img",{src:this.order.shipping.company.logo,class:"s-rating-modal-shipping-logo",alt:this.order.shipping.company.name})):a("span",{class:"s-rating-modal-icon sicon-shipping-fast"}),a("div",{class:"s-rating-modal-title"}," ",this.rate_shipping+" "+this.order.shipping.company.name),a("div",{class:"s-rating-modal-stars-company"},a("salla-rating-stars",{size:"large"})),a("textarea",{name:"comment",class:"s-rating-modal-comment",placeholder:this.write_shipping_rate}),a("small",{class:"s-rating-modal-validation-msg"})):"",a("div",{class:"s-rating-modal-thanks s-rating-modal-hidden",ref:s=>this.thanksTab=s},a("span",{class:"s-rating-modal-icon sicon-check-circle2"}),a("h3",{class:"s-rating-modal-thanks-title"},this.thanks),a("div",{class:"s-rating-modal-thanks-msg",innerHTML:this.order.thanks_message}),a("time",{class:"s-rating-modal-thanks-time",ref:s=>this.thanksTime=s}))),a("div",{class:"s-rating-modal-footer"},a("button",{ref:s=>this.backBtn=s,onClick:()=>this.previousTab(),class:"s-rating-modal-btn s-rating-modal-unvisiable"},this.back),this.stepsCount>1?a("ul",{class:"s-rating-modal-dots"},[0,1,2].slice(0,this.stepsCount).map((()=>a("li",{class:"s-rating-modal-bg-gray s-rating-modal-step-dot"})))):"",a("salla-button",{"loader-position":"center",ref:s=>this.nextBtn=s,onClick:()=>this.submit()},this.next))]:""))}componentDidLoad(){salla.event.dispatch("rating::ready",this)}get host(){return i(this)}};r.style="";export{r as salla_rating_modal}

package/dist/twilight-components/p-799da239.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as s,c as i,h as t,H as e,g as l}from"./p-c2bef5f2.js";import{H as h}from"./p-9d2ca9c8.js";const a=class{constructor(t){s(this,t),this.verified=i(this,"verified",7),this.initiated=!1,this.display="modal",this.type="mobile",this.autoReload=!0,this.resendAfter=30,this.isProfileVerify=!1,salla.lang.onLoaded((()=>{var s,i;this.title=salla.lang.get("pages.profile.verify_title")+salla.lang.get("common.elements."+this.type),null===(s=this.modal)||void 0===s||s.setTitle(this.title),null===(i=this.btn)||void 0===i||i.setText(salla.lang.get("pages.profile.verify"))})),"inline"!=this.display?(salla.event.on("profile::verification",(s=>{var i;this.isProfileVerify=!0,this.open(s),this.title=salla.lang.get("pages.profile.verify_title")+salla.lang.get("common.elements."+s.type),null===(i=this.modal)||void 0===i||i.setTitle(this.title)})),salla.event.on("modalClosed",(()=>{this.resendAfter=0,this.timer.innerHTML="30 : 00"}))):this.modal={open:()=>"",close:()=>"",setTitle:()=>""}}async getCode(){return this.code.value}async open(s){var i;this.data=s,this.data.type=this.data.type||this.type,this.type=this.data.type,this.resendTimer(),this.otpInputs=this.body.querySelectorAll(".s-verify-input"),this.initiated||(h.on("input",".s-verify-input",(s=>salla.helpers.inputDigitsOnly(s.target))),h.onKeyUp(".s-verify-input",(s=>{var i,t,e,l;let h=s.keyCode||s.charCode;s.target.value?(null===(i=s.target.nextElementSibling)||void 0===i||i.focus(),null===(t=s.target.nextElementSibling)||void 0===t||t.select()):[8,46].includes(h)&&(null===(e=s.target.previousElementSibling)||void 0===e||e.focus(),null===(l=s.target.previousElementSibling)||void 0===l||l.select()),this.toggleOTPSubmit()})),h.on("paste",".s-verify-input",(s=>{let i=salla.helpers.number(s.clipboardData.getData("text")).replace(/[^0-9.]/g,"").replace("..",".");this.otpInputs.forEach(((s,t)=>s.value=i[t]||"")),this.toggleOTPSubmit(),setTimeout((()=>this.otpInputs[3].focus()),100)})),this.initiated=!0),this.reset(),"modal"==this.display&&(null===(i=this.modal)||void 0===i||i.setTitle(this.title)),this.modal.open(),setTimeout((()=>this.otpInputs[0].focus()),100)}toggleOTPSubmit(){let s=[];if(this.otpInputs.forEach((i=>i.value&&s.push(i.value))),this.code.value=s.join(""),4===s.length)return this.btn.removeAttribute("disabled"),void this.btn.click();this.btn.setAttribute("disabled","")}reset(){this.otpInputs.forEach((s=>s.value="")),this.code.value="",this.otpInputs[0].focus()}resendTimer(){h.showElement(this.resendMessage).hideElement(this.resend),this.resendAfter=30;let s=setInterval((()=>{this.resendAfter<=0?(clearInterval(s),h.hideElement(this.resendMessage).showElement(this.resend)):(this.timer.innerHTML=`${this.resendAfter>=10?this.resendAfter:"0"+this.resendAfter} : 00`,this.resendAfter--)}),1e3)}resendCode(){return this.btn.stop().then((()=>this.btn.disable())).then((()=>{this.otpInputs.forEach((s=>s.value="")),this.otpInputs[0].focus()})).then((()=>salla.api.auth.resend(this.data))).finally((()=>this.resendTimer()))}submit(){let s=Object.assign({code:this.code.value},this.data);return this.btn.load().then((()=>this.btn.disable())).then((()=>this.isProfileVerify?salla.profile.verify(s):salla.auth.verify(s,!0))).then((s=>this.verified.emit(s))).then((()=>this.btn.stop()&&this.btn.disable())).then((()=>this.modal.close())).then((()=>this.autoReload&&window.location.reload())).catch((()=>this.btn.stop()&&this.btn.enable()&&this.reset()))}render(){return"inline"==this.display?t(e,null,this.myBody()):t("salla-modal",{icon:"sicon-android-phone",width:"xs",class:"s-verify",ref:s=>this.modal=s,"modal-title":this.title},this.myBody())}myBody(){return t("div",{class:"s-verify-body",ref:s=>this.body=s},t("div",{class:"s-verify-message",innerHTML:salla.lang.get("pages.profile.verify_message")}),t("input",{type:"hidden",name:"code",maxlength:"4",required:!0,ref:s=>this.code=s}),t("div",{class:"s-verify-codes",dir:"ltr"},[1,2,3,4].map((()=>t("input",{type:"text",maxlength:"1",class:"s-verify-input",required:!0})))),t("div",{slot:"footer",class:"s-verify-footer"},t("salla-button",{class:"s-verify-submit","loader-position":"center",disabled:!0,onClick:()=>this.submit(),ref:s=>this.btn=s},salla.lang.get("pages.profile.verify")),t("p",{class:"s-verify-resend-message",ref:s=>this.resendMessage=s},salla.lang.get("blocks.header.resend_after"),t("b",{class:"s-verify-timer",ref:s=>this.timer=s})),t("a",{href:"#",class:"s-verify-resend",onClick:()=>this.resendCode(),ref:s=>this.resend=s},salla.lang.get("blocks.comments.submit"))),t("slot",{name:"after-footer"}))}get host(){return l(this)}};a.style="salla-verify{display:block}";export{a as salla_verify}

package/dist/twilight-components/p-9ff78dd1.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as s,h as a,g as e}from"./p-c2bef5f2.js";const i=class{constructor(a){s(this,a),this.open=!0,this.isOpenedBefore=salla.storage.get("branch-choosed-before"),this.displayAs="default",this.browseProductsFrom="all",this.branches=[{id:1,name:"فرع الرياض",open:!0,available:!0,limited:!1,tag:"متوفر"},{id:2,name:"فرع جدة",open:!1,available:!1,limited:!1,tag:"غير متوفر"},{id:3,name:"فرع مكة",open:!0,available:!0,limited:!1,tag:"متوفر"},{id:4,name:"فرع المدينة",open:!0,available:!0,limited:!1,tag:"متوفر"},{id:5,name:"فرع جازان",open:!0,available:!0,limited:!0,tag:"الكمية محدودة"}],this.current=1,this.currentBranch=s=>this.branches.filter((s=>s.id==this.current))[0][s],this.statusColor=(s=null)=>s?s.limited?"s-branches-color-red":s.available?"s-branches-color-green":"s-branches-color-gray":this.currentBranch("limited")?"s-branches-color-red":this.currentBranch("available")?"s-branches-color-green":"s-branches-color-gray",this.isChoiceable=()=>"all"!==this.browseProductsFrom&&"single"==this.position||"header"==this.position,this.formTitle=()=>this.isChoiceable()?"توفر المنتج في الفروع الآخرى":"التسوق من فرع آخر",salla.event.on("branches::show",(s=>s.dataset.target==this.host.id&&this.show())),salla.lang.onLoaded((()=>{var s;return null===(s=this.btn)||void 0===s?void 0:s.setText(salla.lang.get("common.elements.ok"))}))}async show(){var s;return null===(s=this.modal)||void 0===s?void 0:s.open()}async hide(){var s;return null===(s=this.modal)||void 0===s?void 0:s.close()}handelChange(s){this.selected=s.target.value}handleSubmit(){this.btn.load().then((()=>{setTimeout((()=>location.reload()),2e3)})),salla.storage.set("branch-choosed-before",!0),this.show(),setTimeout((()=>{this.current=this.selected}),300)}render(){return a("salla-modal",{icon:"sicon-store-alt","modal-title":"فرع الرياض","sub-title":"أنت الآن تتصفح المتجر من","sub-title-first":!0,ref:s=>this.modal=s,width:"sm",id:"s-branches-modal",class:"s-hidden"},a("h4",{class:"s-branches-title"},this.formTitle()),this.branches.length<=5?a("div",{class:"s-branches-space-v"},this.branches.map((s=>a("div",{class:"s-branches-input-wrap"},a("input",{id:this.position+"_branch_"+s.id,disabled:!s.open&&this.isChoiceable(),name:"lang",type:"radio",value:s.id,onChange:s=>this.handelChange(s),class:{"s-branches-input":!0,"opacity-50":!s.open,"s-hidden":!this.isChoiceable()},checked:this.current==s.id}),a("label",{htmlFor:this.position+"_branch_"+s.id,class:{"s-branches-label":!0,"s-branches-clickable":this.isChoiceable()}},a("span",{class:{"s-branches-is-closed":!s.open}},s.name),this.isChoiceable()?a("small",{class:"s-branches-closed-badge"},s.open?"":"مُغلق"):a("span",{class:this.statusColor(s)},s.tag)))))):a("select",{class:"s-branches-select",onInput:s=>this.handelChange(s)},this.branches.map((s=>a("option",{value:s.id,disabled:!s.open,selected:this.selected==s.id},s.name," ",s.open?"":"- مُغلق")))),this.isChoiceable()?a("slot",{name:"footer"},a("salla-button",{ref:s=>this.btn=s,onClick:()=>this.handleSubmit(),class:"s-branches-submit",width:"wide"},salla.lang.get("common.elements.ok"))):"")}componentDidRender(){this.isOpenedBefore||"popup"!=this.displayAs||this.show()}get host(){return e(this)}};i.style="";export{i as salla_branches}