@salla.sa/twilight-components 1.0.12 → 1.0.13

package/dist/cjs/salla-rating.cjs.entry.js

@@ -1,299 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-23da2c6b.js');
-const Helper = require('./Helper-8852feaa.js');
-
-const sallaRatingCss = ":host{display:block}";
-
-const SallaRating = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.stars = [1, 2, 3, 4, 5];
-    this.order = {
-      shipping: { id: 5622 },
-      products: [
-        {
-          "title": "ميكروفون عالى الجودة",
-          "image": "https://salla-dev.s3.eu-central-1.amazonaws.com/Mvyk/pMdEEyMVpZFj4L1Hrdm2g48AuiSx0TrKULBiOnPo.jpg",
-          "price": "‏10,978.00 ر.س",
-          "qty": "‏2",
-          "totalBefore": "‏1120 ر.س",
-          "discount": "-5%",
-          "total": "‏1064 ر.س",
-          "id": "2314513454",
-          "getOptimusRouteKey": "7351233357"
-        },
-        // {
-        //   "title": "وحدة تحكم لمشغل العاب",
-        //   "image": "https://salla-dev.s3.eu-central-1.amazonaws.com/Mvyk/NOa4kHvOkd1hBWHk3JIgAo1602oVACfuWGFz3vXv.jpg",
-        //   "price": "‏10,978.00 ر.س",
-        //   "qty": "‏2",
-        //   "totalBefore": "‏1120 ر.س",
-        //   "discount": "-5%",
-        //   "total": "‏1064 ر.س",
-        //   "id": "9842833",
-        //   "getOptimusRouteKey": "735152357"
-        // },
-        {
-          "title": "ساعة ذكية بنظام اندرويد",
-          "image": "https://salla-dev.s3.eu-central-1.amazonaws.com/Mvyk/T4kTqYNuPAZmPMLw1bx92RnjVMZyFszVXOUZQsFJ.jpg",
-          "price": "‏10,978.00 ر.س",
-          "qty": "‏2",
-          "totalBefore": "‏1120 ر.س",
-          "discount": "-5%",
-          "total": "‏1064 ر.س",
-          "id": "679822376",
-          "getOptimusRouteKey": "73233357"
-        }
-      ],
-    };
-    this.isProductsRating = false;
-    this.ratingChain = Promise.resolve();
-    this.stepsCount = 0;
-    Helper.Helper.setHost(this.host);
-  }
-  async show() {
-    return this.modal.show();
-  }
-  async hide() {
-    return this.modal.hide();
-  }
-  componentWillLoad() {
-    this.stepsCount = [this.isStoreRating, this.isProductsRating, this.isShippingRating].filter(item => item).length;
-    this.getData();
-  }
-  componentDidRender() {
-    this.show();
-    this.initiateRating();
-  }
-  initiateRating() {
-    this.highlightSelectedStars();
-    this.starsRating();
-    this.handleWizard();
-    const step = this.host.querySelector('.step:first-child');
-    this.setModalHeight(step);
-    salla.event.on('submit::order-rating', () => this.sendRating().then(() => {
-      let seconds = 10;
-      let timeToClose = setInterval(() => {
-        seconds--;
-        this.host.querySelector('.close-time').innerHTML = `00:0${seconds}`;
-        if (seconds == 0) {
-          this.hide();
-          clearInterval(timeToClose);
-        }
-      }, 1000);
-      this.host.querySelector('.wizard-footer').classList.add('opacity-0', 'pointer-events-0');
-      this.host.querySelector('.s-order-rating-title').classList.add('opacity-0', 'pointer-events-0');
-      Helper.Helper.toggle('.step', 'hidden', 'block', () => true);
-      Helper.Helper.toggle('.thankyou-view', 'is-opened', 'hidden', () => true);
-      const thankYouView = this.host.querySelector('.thankyou-view');
-      this.setModalHeight(thankYouView);
-      setTimeout(() => {
-        Helper.Helper.toggleElement(thankYouView, ['opacity-1', 'translate-x-0'], ['opacity-0', 'translate-x-3'], () => true);
-      }, 200);
-    }));
-  }
-  // handle wizard
-  handleWizard() {
-    let currentIndex = 0, steps = document.querySelectorAll(".step"), dots = document.querySelectorAll(".step-dot");
-    // show first step
-    Helper.Helper.toggleElement(steps[0], ['opacity-1', 'translate-x-0'], ['opacity-0', 'translate-x-3', 'hidden'], () => true);
-    console.log("🚀 ~ file: order-rating.tsx ~ line 129 ~ OrderRating ~ handleWizard ~ steps[0]", steps[0]);
-    Helper.Helper.onClick("#prev-btn", () => {
-      currentIndex > 0 && currentIndex--;
-      this.showActiveStep(steps, dots, currentIndex);
-      currentIndex == 0 && Helper.Helper.toggle('#prev-btn', ['pointer-events-none', 'opacity-0'], 'block', () => true);
-    });
-    Helper.Helper.onClick("#next-btn", () => {
-      this.ratingValidation();
-      if (currentIndex == this.stepsCount - 1) {
-        salla.event.dispatch("submit::order-rating");
-      }
-      else {
-        currentIndex < this.stepsCount - 1 && currentIndex++;
-        this.showActiveStep(steps, dots, currentIndex);
-        Helper.Helper.toggle('#prev-btn', 'block', ['pointer-events-none', 'opacity-0'], () => true);
-      }
-    });
-  }
-  showActiveStep(steps, dots, currentIndex) {
-    Helper.Helper.toggle('.step-dot', 'bg-gray-200', 'bg-primay', () => true);
-    Helper.Helper.toggleElement(dots[currentIndex], 'bg-primary', 'bg-gray-200', () => true);
-    // hide all steps
-    Helper.Helper.toggle('.step', ['hidden', 'opacity-0', 'translate-x-3'], ['active', 'opacity-1', 'translate-x-0'], () => true);
-    Helper.Helper.toggleElement(steps[currentIndex], 'active', 'hidden', () => true);
-    this.setModalHeight(steps[currentIndex]);
-    setTimeout(() => {
-      Helper.Helper.toggleElement(steps[currentIndex], ['opacity-1', 'translate-x-0'], ['opacity-0', 'translate-x-3',], () => true);
-    }, 200);
-  }
-  setModalHeight(current) {
-    const wrapper = this.host.querySelector('.s-order-rating-steps-wrapper');
-    setTimeout(() => {
-      wrapper === null || wrapper === void 0 ? void 0 : wrapper.setAttribute('style', 'height:' + (current === null || current === void 0 ? void 0 : current.scrollHeight) + 'px');
-    });
-  }
-  // send feedback rating and validation
-  sendRating() {
-    Helper.Helper.all('.rating-section', ratingSection => {
-      let type = ratingSection.dataset.type;
-      let formsData = [];
-      ratingSection.querySelectorAll('.rating-outer-form')
-        .forEach((form) => {
-        let formData = {};
-        form.querySelectorAll('[name]')
-          .forEach(function (input) {
-          let inputData = salla.helpers.inputData(input.name, input.value, formData);
-          formData[inputData.name] = inputData.value;
-        });
-        formsData = [];
-        formsData.push(formData);
-        this.sendFeedback(type, formsData);
-      });
-    });
-    return this.ratingChain;
-  }
-  sendFeedback(type, formsData) {
-    if (!formsData || formsData.length == 0) {
-      return;
-    }
-    this.nextBtn.load();
-    salla.config.canLeave = false;
-    this.ratingChain = salla.feedback.api[type](formsData[0])
-      .then(function () {
-      salla.config.canLeave = true;
-    }).catch(() => salla.config.canLeave = true);
-  }
-  ratingValidation() {
-    let errorMsg = '';
-    document.querySelectorAll('.rating-section.active')
-      .forEach((ratingSection) => {
-      ratingSection.querySelectorAll('.rating-outer-form')
-        .forEach((rating) => {
-        let ratingInput = rating.querySelector('.rating_hidden_input');
-        let commentInput = rating.querySelector('.comment');
-        // let sectionTitle = rating.querySelector('.section-title');
-        let validationMessage = rating.querySelector('.validation-message');
-        if (ratingInput.value && commentInput.value && commentInput.value.length > 3) {
-          commentInput.classList.remove('has-error');
-          // sectionTitle?.classList.remove('has-error', 'text-red-400');
-          validationMessage.innerHTML = '';
-          return;
-        }
-        else if (commentInput.value && commentInput.value.length > 3) {
-          commentInput.classList.remove('has-error');
-        }
-        else {
-          commentInput.classList.add('has-error');
-        }
-        // sectionTitle?.classList.add('has-error', 'text-red-400');
-        errorMsg = ratingInput.value
-          ? (salla.lang.get('common.errors.not_less_than_chars', { chars: 4 }) + ' ' + commentInput.getAttribute('placeholder'))
-          : (rating.dataset.starsError || salla.lang.get('pages.rating.rate_store_stars'));
-        validationMessage.innerHTML = errorMsg;
-      });
-    });
-    //Fire error to prevent sending rating
-    if (errorMsg) {
-      // scroll to first error
-      let ratingErrors = document.querySelectorAll('.has-error');
-      if (ratingErrors.length) {
-        let firstError = ratingErrors[0].offsetTop;
-        window.scrollTo({ top: firstError - 80 }); // 80 = fixed nav height
-      }
-      throw new Error(errorMsg);
-    }
-  }
-  // getdata
-  getData() {
-    salla.api.order.endpointsMethods.details = 'get';
-    // salla.order.api.details(this.orderId).then(data => console.log(''));
-    console.log("🚀 ~ file", salla.order.api.details(this.orderId));
-  }
-  // handle star rating
-  starsRating() {
-    let selectedClasses = ['selected', 'text-theme-yellow'];
-    // Listen for form submissions
-    salla.document.event.onSubmit('.rate-element', function (event) {
-      // Prevent form from submitting
-      event.preventDefault();
-      // Get the selected star - activeElement is not supported in safari
-      var activeStars = event.target.querySelectorAll('.btn--star.hovered');
-      var selected = activeStars[activeStars.length - 1];
-      if (!selected)
-        return;
-      var selectedIndex = parseInt(selected.dataset.star, 10);
-      event.target.querySelector('.rating_hidden_input').value = selectedIndex;
-      // Get all stars in this form (only search in the form, not the whole document)
-      // Loop through each star, and add or remove the `.selected` class to toggle highlighting
-      event.target
-        .querySelectorAll('.btn--star')
-        .forEach(function (star, index) {
-        if (index < selectedIndex) {
-          // Selected star or before it, Add highlighting
-          star.classList.add(...selectedClasses);
-          return;
-        }
-        // After selected star, Remove highlight
-        star.classList.remove(...selectedClasses);
-      });
-      // Remove aria-pressed from any previously selected star
-      var previousRating = event.target.querySelector('.star[aria-pressed="true"]');
-      if (previousRating) {
-        previousRating.removeAttribute('aria-pressed');
-      }
-      // Add aria-pressed role to the selected button
-      selected.setAttribute('aria-pressed', true);
-    });
-  }
-  highlightSelectedStars() {
-    let hover = ['hovered', 'text-theme-yellow'];
-    Helper.Helper.all('.rate-element', el => {
-      let starElements = el.querySelectorAll('.btn--star');
-      // remove hovered state from stars ---
-      el.addEventListener('mouseout', () => el.querySelectorAll('.btn--star').forEach(star => star.classList.remove(...hover)));
-      starElements.forEach((starElement, index) => {
-        starElement.addEventListener('mouseover', () => {
-          starElement.classList.add(...hover);
-          if (index <= 1) {
-            starElement.previousElementSibling.tagName === 'BUTTON' ? starElement.previousElementSibling.classList.add(...hover) : null;
-          }
-          else {
-            for (let i = 0; i < index; i++) {
-              starElements[i].classList.add(...hover);
-            }
-          }
-        });
-        starElement.addEventListener('mouseout', () => {
-          starElement.classList.contains(...hover) ? starElement.classList.remove(...hover) : null;
-        });
-      });
-    });
-  }
-  // render
-  render() {
-    return (index.h(index.Host, null, index.h("salla-modal", { class: "hidden", "modal-width": "w-[800px]", ref: modal => this.modal = modal, title: salla.lang.get('pages.rating.rate_order') + ' <span class="unicode">(#' + this.orderId + ')</span>' }, index.h("div", { class: "s-order-rating-steps-wrapper mt-12 mb-10 transition-all duration-300 ease-elastic" }, this.isStoreRating && this.renderStoreRating(), this.isProductsRating && this.renderProductsRating(), this.isShippingRating && this.renderShippingRating(), this.renderThanksView()), index.h("div", { class: "wizard-footer relative flex justify-between items-center" }, index.h("button", { id: "prev-btn", class: "font-bold text-sm w-28 h-10 px-4 text-primary hover:text-primary-d opacity-0 pointer-events-none duration-300 transition-all" }, "\u0627\u0644\u0633\u0627\u0628\u0642"), this.stepsCount > 1 ?
-      index.h("ul", { class: "flex justify-center text-center space-s-1.5 flex-1" }, [0, 1, 2].slice(0, this.stepsCount).map(index$1 => index.h("li", { class: `${index$1 == 0 ? 'bg-primary' : 'bg-gray-200'} step-dot w-2.5 h-2.5 rounded-full transition-colors duration-300` }))) : '', index.h("salla-button", { id: "next-btn", class: "w-28", ref: nextBtn => this.nextBtn = nextBtn }, "\u0627\u0644\u062A\u0627\u0644\u064A")))));
-  }
-  renderStoreRating() {
-    return (index.h("section", { class: "step rating-section active transition-all duration-500", "data-type": "store" }, index.h("div", { class: "rating-outer-form", "data-stars-error": salla.lang.get('pages.rating.rate_store_stars') }, index.h("input", { type: "hidden", name: "order_id", value: this.orderId }), index.h("input", { type: "hidden", name: "type", value: "store" }), index.h("div", { class: "flex flex-col items-center " }, index.h("div", { class: "w-28 h-28 border border-gray-200 rounded-full flex items-center justify-center mb-4" }, index.h("img", { src: "https://salla-dev.s3.eu-central-1.amazonaws.com/Mvyk/X3NKcY7nhaFQlR7kBBHvfDpMY48cerunKrmDA1gi.png", alt: "store name", class: "w-12 object-contain" })), index.h("h2", { class: "section-title text-lg font-bold mb-4" }, salla.lang.get('pages.rating.rate_the_store'))), index.h("div", { class: "rating-wrap flex items-center flex justify-center mb-4" }, index.h("form", { class: "rate-element rate-element--has-label" }, this.getStarsRating())), index.h("textarea", { id: "storeReview", name: "comment", class: "form-input comment h-20", placeholder: salla.lang.get('pages.rating.write_store_rate') }), index.h("small", { class: "text-red-400 validation-message" }))));
-  }
-  renderProductsRating() {
-    return (index.h("section", { class: "step rating-section products-section transition-all duration-500 opacity-0 translate-x-3 hidden", "data-type": "product" }, index.h("div", { class: "overflow-hidden" }, this.order.products.map((item, index$1) => index.h("div", { class: "rating-outer-form mb-8 last:mb-0", "data-stars-error": salla.lang.get('pages.rating.rate_product_stars', { "item": item.title }) }, index.h("div", { class: "product-item" }, index.h("div", { class: "flex space-s-5" }, index.h("img", { src: item.image, alt: item.title, class: "w-18 h-14 object-cover rounded-md" }), index.h("div", { class: "flex-1" }, index.h("h3", { class: "section-title leading-5 mb-1.5 font-bold  md:text-sm" }, " ", item.title), index.h("div", { class: "rw-product-entry__rate" }, index.h("div", { class: "rating-wrap flex items-center space-s-4" }, index.h("form", { class: "rate-element rate-element--has-label" }, this.getStarsRating())), index.h("input", { type: "hidden", name: "order_id", value: this.orderId }), index.h("input", { type: "hidden", name: `products[${index$1}][product_id]`, value: item.getOptimusRouteKey }), index.h("input", { type: "hidden", name: "type", value: "products" }), index.h("textarea", { "data-product-id": item.id, name: `products[${index$1}][comment]`, id: `productReview_${item.id}`, class: "comment form-input h-20 product-review", placeholder: salla.lang.get('pages.rating.write_product_rate') }), index.h("small", { class: "text-red-400 validation-message" }))))))))));
-  }
-  renderShippingRating() {
-    return (index.h("section", { class: "step rating-section py-5 rounded-md transition-all duration-500 opacity-0 translate-x-3 hidden", "data-type": "shipping" }, index.h("div", { class: "rating-outer-form", "data-stars-error": salla.lang.get('pages.rating.rate_shipping_stars') }, index.h("input", { type: "hidden", name: "order_id", value: this.orderId }), index.h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.id }), index.h("input", { type: "hidden", name: "type", value: "shipping" }), index.h("div", { class: "flex flex-col items-center " }, index.h("div", { class: "w-28 h-28 overflow-hidden border border-gray-200 rounded-full flex items-center justify-center mb-4" }, index.h("img", { src: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcScPt4R6KaKDldrXb-9pUljFwL3m6A72BhN6p1qZJKprwC6VbCWC_8ASZgiJAoL_l7DepM&usqp=CAU", alt: "company name", class: "w-full h-full object-contain" })), index.h("h2", { class: "section-title text-lg font-bold mb-4" }, " ", salla.lang.get('pages.rating.rate_shipping'), " \u0627\u0631\u0627\u0645\u0643\u0633")), index.h("div", { class: "rating-wrap flex flex justify-center mb-4" }, index.h("form", { class: "rate-element ratFeedbackPresentere-element--has-label" }, this.getStarsRating())), index.h("textarea", { id: "shippingReview", name: "comment", class: "form-input comment h-20 mb-2", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), index.h("small", { class: "text-red-400 validation-message" }))));
-  }
-  renderThanksView() {
-    return (index.h("div", { class: "thankyou-view px-8 text-center transition-all duration-500 opacity-0 translate-x-3 hidden" }, index.h("span", { class: "w-20 h-20 text-4xl inline-flex justify-center items-center bg-gray-50 rounded-full text-primary sicon-check-circle2" }), index.h("div", { class: "mt-4 mb-6" }, index.h("h3", { class: "font-bold" }, salla.lang.get('pages.rating.thanks')), index.h("div", { class: "text-gray-400 text-sm", innerHTML: this.thanksMsg })), index.h("a", { href: "#!", onClick: () => this.hide(), class: "btn btn-primary h-10 flex-none px-8" }, "\u0639\u0648\u062F\u0629 \u0625\u0644\u064A \u062A\u0641\u0627\u0635\u064A\u0644 \u0627\u0644\u0637\u0644\u0628"), index.h("time", { class: "close-time text-gray-400 block h-6 mt-3 text-sm" })));
-  }
-  getStarsRating() {
-    return (index.h("div", { class: "mb-1" }, index.h("input", { type: "hidden", class: "rating_hidden_input", name: "rating", value: "" }), this.stars.map((star) => index.h("button", { type: "submit", class: "btn btn--transparent px-1 text-2xl text-gray-400 btn--star", "data-star": star }, index.h("i", { class: "sicon-star2" })))));
-  }
-  get host() { return index.getElement(this); }
-};
-SallaRating.style = sallaRatingCss;
-
-exports.salla_rating = SallaRating;

package/dist/cjs/salla-search-f9e00be9.js

@@ -1,97 +0,0 @@
-'use strict';
-
-const index = require('./index-23da2c6b.js');
-
-const SallaSearch = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.fetchStatus = '';
-    this.showModal = false;
-    /**
-     * The text to overwrite search placeholder.
-     */
-    this.searchPlaceholder = 'Search here ...';
-    /**
-     * The text to overwrite no results text.
-     */
-    this.noResultsText = 'There are no results at the moment';
-    this.handleChange = event => {
-      this.searchTerm = event.target.value;
-      this.fetchStatus = 'loading';
-      this.showResult = false;
-      this.results = [];
-      if (this.searchTerm.length > 2) {
-        window.salla.search.api
-          .search(this.searchTerm)
-          .then(response => response)
-          .then(response => {
-          console.log('response', response);
-          this.fetchStatus = 'idle';
-          this.results = response.results;
-          this.showResult = true;
-          if (this.results.length < 1) {
-            this.fetchStatus = 'error';
-          }
-        })
-          .catch(err => {
-          this.showResult = true;
-          this.fetchStatus = 'error';
-          console.log(err);
-        });
-      }
-    };
-    this.openSearch = () => {
-      this.searchTerm = '';
-      this.fetchStatus = '';
-      this.results = [];
-      this.showModal = true;
-      window.scrollTo(0, 0);
-      document.getElementsByTagName('html')[0].style.position = 'fixed';
-      document.getElementsByTagName('html')[0].style.overflowY = 'scroll';
-    };
-    this.closeSearch = () => {
-      this.searchTerm = '';
-      this.fetchStatus = '';
-      this.results = [];
-      document.getElementsByTagName('html')[0].style.position = 'static';
-      document.getElementsByTagName('html')[0].style.overflowY = 'auto';
-      this.showModal = false;
-    };
-  }
-  componentWillLoad() {
-    this.hasSearchIconSlot = !!this.hostElement.querySelector('[slot="search-icon"]');
-    this.hasProductTemplateSlot = !!this.hostElement.querySelector('[slot="product-template"]');
-    if (this.hasProductTemplateSlot) {
-      this.productTemplateHtml = this.hostElement.querySelector('[slot="product-template"]').innerHTML;
-    }
-  }
-  getProduct(item) {
-    var _a, _b;
-    // todo use art-template  https://aui.github.io/art-template/docs/.
-    if (this.hasProductTemplateSlot) {
-      //slot scope
-      let product = this.productTemplateHtml
-        .replace("{title}", item.title)
-        .replace("{price}", (_a = item.price) === null || _a === void 0 ? void 0 : _a.after)
-        .replace("{url}", item.url)
-        .replace("{thumb}", item.thumb);
-      return (index.h("div", { class: "s-search-product", innerHTML: product }));
-    }
-    else {
-      return (index.h("div", { class: "s-search-product" }, index.h("a", { target: "_blank", href: item.url, class: "s-search-product-image-container" }, index.h("img", { class: "s-search-product-image", src: item.thumb })), index.h("div", { class: "s-search-product-details" }, index.h("div", { class: "s-search-product-title" }, item.title), index.h("div", { class: "s-search-product-price" }, (_b = item.price) === null || _b === void 0 ? void 0 : _b.after))));
-    }
-  }
-  render() {
-    return (index.h(index.Host, { class: "s-search" }, index.h("button", { type: "button", onClick: this.openSearch, class: "s-search-search-button-icon" }, this.hasSearchIconSlot ? (index.h("slot", { name: "search-icon" })) : (index.h("i", { class: "sicon-search font-bold" }))), this.showModal && (index.h("div", { class: "s-search-container", style: { backgroundColor: 'rgba(0,0,0,0.5)' } }, index.h("div", { class: "s-search-wrapper", onClick: this.closeSearch }, index.h("div", { class: "s-search-inner", onClick: e => {
-        e.stopPropagation();
-      } }, index.h("div", { class: "s-search-search-box-container" }, index.h("div", { class: !this.showResult
-        ? 's-search-search-box-inner'
-        : 's-search-search-box-inner-open' }, index.h("input", { class: "s-search-input", type: "text", placeholder: this.searchPlaceholder, value: this.searchTerm, onInput: event => this.handleChange(event) }), this.fetchStatus != 'loading' ? (index.h("button", { class: "s-search-search-icon" }, index.h("i", { class: "sicon-search" }))) : (index.h("span", { class: "s-search-spinner" }, index.h("span", { class: "s-search-spinner-loader" }))))), index.h("div", { class: "s-search-search-results" }, this.fetchStatus === 'error' && (index.h("p", { class: "s-search-no-results error p-4 text-sm text-gray-text" }, this.noResultsText)), this.results &&
-      this.results.map(item => {
-        return this.getProduct(item);
-      }))))))));
-  }
-  get hostElement() { return index.getElement(this); }
-};
-
-exports.SallaSearch = SallaSearch;

package/dist/cjs/salla-search.cjs.entry.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const sallaSearch = require('./salla-search-f9e00be9.js');
-require('./index-23da2c6b.js');
-
-
-
-exports.salla_search = sallaSearch.SallaSearch;

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

@@ -1,96 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-23da2c6b.js');
-const Helper = require('./Helper-8852feaa.js');
-
-const SallaVerify = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    Helper.Helper.setHost(this.host);
-    salla.event.on('profile::verify.mobile', data => this.show(data));
-  }
-  show({ international_mobile: mobile, _country_iso2: country_code }) {
-    this.mobile = mobile;
-    this.country_code = country_code;
-    this.resendTimer();
-    this.otpInputs = document.querySelectorAll('.s-verify-input');
-    this.otpInputs[0].focus();
-    Helper.Helper.onKeyUp('.s-verify-input', event => {
-      var _a, _b, _c, _d;
-      let key = event.keyCode || event.charCode;
-      salla.helpers.digitsOnly(event.target);
-      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.Helper.on('paste', '.s-verify-input', event => {
-      let text = event.clipboardData.getData('text').toArabicDigits().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.show();
-  }
-  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', '');
-  }
-  resendTimer() {
-    Helper.Helper.showElement(this.resendMessage).hideElement(this.resend);
-    let resendAfter = 30;
-    let timerId = setInterval(() => {
-      if (resendAfter === -1) {
-        clearTimeout(timerId);
-        Helper.Helper.hideElement(this.resendMessage).showElement(this.resend);
-      }
-      else {
-        this.timer.innerHTML = `${resendAfter >= 10 ? resendAfter : '0' + resendAfter} : 00`;
-        resendAfter--;
-      }
-    }, 1000);
-  }
-  submit() {
-    return this.btn.load()
-      .then(() => this.btn.disable())
-      .then(() => salla.document.api.request('profile/verify-mobile', {
-      mobile: this.mobile,
-      country_code: this.country_code,
-      code: this.code.value
-    })).then(() => this.btn.stop() && this.btn.disable())
-      .then(() => this.modal.hide())
-      .then(() => window.location.reload())
-      .catch(() => this.btn.stop() && this.btn.enable());
-  }
-  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({ phone: this.mobile, country_code: this.country_code }))
-      .then(() => this.resendTimer())
-      .catch(() => this.resendTimer());
-  }
-  render() {
-    return (index.h("salla-modal", { id: "s-verify", ref: modal => this.modal = modal, title: salla.lang.get('pages.profile.verify_title') }, index.h("div", { class: "s-verify-message", innerHTML: salla.lang.get('pages.profile.verify_message') }), index.h("label", { class: "s-verify-label" }, salla.lang.get('pages.profile.verify_placeholder')), index.h("input", { type: "hidden", name: "code", maxlength: "4", required: true, ref: code => this.code = code }), index.h("div", { class: "s-verify-codes", dir: "ltr" }, [1, 2, 3, 4].map(() => index.h("input", { type: "text", maxlength: "1", class: "s-verify-input", required: true }))), index.h("div", { slot: "footer", class: "s-verify-footer" }, index.h("salla-button", { class: "s-verify-submit", disabled: true, onClick: () => this.submit(), ref: b => this.btn = b }, salla.lang.get('pages.profile.verify')), index.h("p", { class: "s-verify-resend-message", ref: el => this.resendMessage = el }, salla.lang.get('blocks.header.resend_after'), index.h("b", { class: "s-verify-timer", ref: el => this.timer = el })), index.h("a", { href: "#", class: "s-verify-resend", onClick: () => this.resendCode(), ref: el => this.resend = el }, salla.lang.get('blocks.comments.submit')))));
-  }
-  get host() { return index.getElement(this); }
-};
-
-exports.salla_verify = SallaVerify;

package/dist/cjs/twilight-components.cjs.js

@@ -1,19 +0,0 @@
-'use strict';
-
-const index = require('./index-23da2c6b.js');
-
-/*
- Stencil Client Patch Browser v2.8.1 | MIT Licensed | https://stenciljs.com
- */
-const patchBrowser = () => {
-    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('twilight-components.cjs.js', document.baseURI).href));
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return index.promiseResolve(opts);
-};
-
-patchBrowser().then(options => {
-  return index.bootstrapLazy([["multi-warehouse_4.cjs",[[4,"multi-warehouse",{"position":[1],"displayAs":[1,"display-as"],"browseProductsFrom":[1,"browse-products-from"],"branches":[16],"current":[1026],"open":[32],"selected":[32],"isOpenedBefore":[32],"show":[64],"hide":[64]}],[0,"salla-login"],[4,"salla-button",{"btnStyle":[513,"btn-style"],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"load":[64],"stop":[64],"disable":[64],"enable":[64]}],[4,"salla-modal",{"error":[4],"success":[4],"isClosable":[1028,"is-closable"],"modalWidth":[513,"modal-width"],"visible":[516],"subTitle":[1,"sub-title"],"icon":[1],"show":[64],"hide":[64],"setTitle":[64]}]]],["salla-localization.cjs",[[4,"salla-localization",{"languages":[1],"currencies":[1],"ok":[1],"show":[64],"hide":[64],"submit":[64]}]]],["salla-product-availability.cjs",[[4,"salla-product-availability",{"channels":[1],"buttonText":[1,"button-text"],"countryCode":[1,"country-code"],"subscribe":[1],"cancel":[1],"subTitle":[1,"sub-title"],"mobileLabel":[1,"mobile-label"],"emailLabel":[1,"email-label"],"mobilePlaceholder":[1,"mobile-placeholder"],"emailPlaceholder":[1,"email-placeholder"],"productId":[2,"product-id"],"subscribed":[1],"submit":[64]}]]],["salla-rating.cjs",[[0,"salla-rating",{"orderId":[2,"order-id"],"thanksMsg":[1,"thanks-msg"],"isStoreRating":[4,"is-store-rating"],"isProductsRating":[4,"is-products-rating"],"isShippingRating":[4,"is-shipping-rating"],"show":[64],"hide":[64]}]]],["salla-verify.cjs",[[0,"salla-verify"]]],["salla-search.cjs",[[4,"salla-search",{"searchPlaceholder":[1,"search-placeholder"],"noResultsText":[1,"no-results-text"],"searchTerm":[32],"results":[32],"fetchStatus":[32],"showResult":[32],"showModal":[32]}]]]], options);
-});

package/dist/collection/Helpers/Helper.js

@@ -1,19 +0,0 @@
-class Helper extends salla.AppHelpers {
-  setHost(host) {
-    this.host = host;
-  }
-  getElement(selector) {
-    return this.host.querySelector(selector);
-  }
-  getAttribute(selector, attribute) {
-    var _a;
-    return (_a = this.getElement(selector)) === null || _a === void 0 ? void 0 : _a.getAttribute(attribute);
-  }
-  val(selector) {
-    return this.getAttribute(selector, 'value');
-  }
-  isUser() {
-    return !!salla.config.is_user;
-  }
-}
-export default new Helper;

package/dist/collection/collection-manifest.json

@@ -1,20 +0,0 @@
-{
-  "entries": [
-    "./components/salla-login/salla-login.js",
-    "./components/salla-search/salla-search.js",
-    "./components/multi-warehouse/multi-warehouse.js",
-    "./components/salla-button/salla-button.js",
-    "./components/salla-localization/salla-localization.js",
-    "./components/salla-modal/salla-modal.js",
-    "./components/salla-product-availability/salla-product-availability.js",
-    "./components/salla-rating/salla-rating.js",
-    "./components/salla-verify/salla-verify.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "2.8.1",
-    "typescriptVersion": "4.2.3"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/generate-summary.js

@@ -1,35 +0,0 @@
-var fs = require('fs'), path = require('path'), util = require('util');
-
-var dirToJSON = function (dir, done) {
-  var results = [];
-
-  function recWalk(d, res) {
-    var list = fs.readdirSync(d);
-    list.forEach((name) => {
-      var file = path.resolve(d, name);
-      var stat = fs.statSync(file);
-      if (stat && stat.isDirectory()) {
-        var title;
-        if (name) {
-          title = 'salla-' + name
-        }
-        res.push({ title: title, file: name + '/readme.md' });
-      }
-    });
-  }
-
-  try {
-    recWalk(dir, results);
-    done(null, results);
-  } catch (err) {
-    done(err);
-  }
-};
-
-dirToJSON("src/components", function (err, results) {
-  if (err) console.log(err);
-  else fs.writeFile('src/components/summary.json', JSON.stringify(results), 'utf8', function (err) {
-    if (err) throw err;
-    console.log('Saved!');
-  });
-});

package/dist/collection/components/multi-warehouse/multi-warehouse.css

@@ -1,13 +0,0 @@
-#s-multi-warehouse-modal .s-modal-header{
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 40px;
-}
-
-#s-multi-warehouse-modal .s-modal-sub-title{
-  margin: 0;
-}
-
-#s-multi-warehouse-modal .s-modal-title{
-  order: 10;
-}