@salla.sa/twilight-components 1.0.9 → 1.0.11

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

@@ -1,252 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-23da2c6b.js');
-const Helper = require('./Helper-8c75b6ac.js');
-
-const orderRatingCss = ":host{display:block}";
-
-const OrderRating = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.stars = [1, 2, 3, 4, 5];
-    this.order = {
-      shipping: { id: 5622 },
-      order_id: "179794",
-      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"
-        }
-      ],
-      ratingMessage: {
-        1: "غير راضي <span class='emoji mx-1'>😒</span>",
-        2: "لم يعجبني <span class='emoji mx-1'>😌</span>",
-        3: "معقول <span class='emoji mx-1'>🙄</span>",
-        4: "أعجبني <span class='emoji mx-1'>👍</span>",
-        5: "أعجبني جداً <span class='emoji mx-1'>🤩</span>"
-      },
-      settings: {
-        isProductsRating: true,
-        isStoreRating: true,
-        isShippingRating: true,
-      }
-    };
-    this.ratingChain = Promise.resolve();
-    this.wizardInex = 0;
-  }
-  componentDidRender() {
-    this.initiateRating();
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "pannel__body" }, this.order.settings.isStoreRating && this.renderStoreRating(), this.order.settings.isProductsRating && this.renderProductsRating(), this.order.settings.isShippingRating && this.renderShippingRating()), index.h("div", { class: "pannel__footer relative flex justify-between items-center" }, index.h("button", { id: "prev-btn", class: "font-bold text-sm text-primary hidden" }, "\u0627\u0644\u0633\u0627\u0628\u0642"), index.h("ul", { class: "flex justify-center text-center space-s-1.5 py-8 flex-1" }, index.h("li", { class: "cursor-pointer w-2.5 h-2.5 bg-primary rounded-full transition-colors duration-300" }), index.h("li", { class: "cursor-pointer w-2.5 h-2.5 bg-gray-200 rounded-full transition-colors duration-300" }), index.h("li", { class: "cursor-pointer w-2.5 h-2.5 bg-gray-200 rounded-full transition-colors duration-300" })), index.h("button", { id: "next-btn", class: "btn btn-primary h-10 px-8 flex-none" }, "\u0627\u0644\u062A\u0627\u0644\u064A"))));
-  }
-  renderProductsRating() {
-    return (index.h("section", { class: "step rating-section products-section hidden", "data-type": "product" }, index.h("div", { class: "bg-white mb-5 p-5 rounded-md overflow-hidden mb-10" }, this.order.products.map((item, index$1) => {
-      var _a;
-      return index.h("div", { class: "rating-outer-form", "data-stars-error": `يرجى تقييم (${item.title}) بواسطة النجمات` }, index.h("div", { class: "product-item mb-4" }, index.h("div", { class: "mb-5" }, index.h("div", { class: "flex space-s-5 mb-8" }, 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 md:text-base" }, " ", 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("p", { class: "rate-label fix-align font-xsm my-0" })), index.h("input", { type: "hidden", name: "order_id", value: (_a = this.order) === null || _a === void 0 ? void 0 : _a.order_id }), 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: `اضف رأيك عن المنتج (${item.title})` }), index.h("small", { class: "text-red-400 validation-message" })))))));
-    }))));
-  }
-  renderStoreRating() {
-    return (index.h("section", { class: "step rating-section bg-white my-10 p-5 rounded-md mb-5 active", "data-type": "store" }, index.h("div", { class: "rating-outer-form", "data-stars-error": "\u064A\u0631\u062C\u0649 \u062A\u0642\u064A\u064A\u0645 \u0627\u0644\u0645\u062A\u062C\u0631 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0646\u062C\u0645\u0627\u062A" }, index.h("input", { type: "hidden", name: "order_id", value: this.order.order_id }), index.h("input", { type: "hidden", name: "type", value: "store" }), index.h("h2", { class: "section-title text-lg font-bold mb-5" }, "\u0643\u064A\u0641 \u0643\u0627\u0646\u062A \u062A\u062C\u0631\u0628\u062A\u0643 \u0645\u0639 \u0627\u0644\u0645\u062A\u062C\u0631 \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u0629"), index.h("div", { class: "mb-2" }, index.h("textarea", { id: "storeReview", name: "comment", class: "form-input comment h-20", placeholder: "\u0627\u0636\u0641 \u0631\u0623\u064A\u0643 \u0639\u0646 \u0627\u0644\u0645\u062A\u062C\u0631.." })), 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("p", { class: "rate-label fix-align font-sm center mb-0" })), index.h("small", { class: "text-red-400 validation-message" }))));
-  }
-  renderShippingRating() {
-    return (index.h("section", { class: "step rating-section bg-white my-10 p-5 rounded-md mb-5 hidden", "data-type": "shipping" }, index.h("div", { class: "rating-outer-form", "data-stars-error": "\u064A\u0631\u062C\u0649 \u062A\u0642\u064A\u064A\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u062D\u0646 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0646\u062C\u0645\u0627\u062A" }, index.h("input", { type: "hidden", name: "order_id", value: this.order.order_id }), 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("h2", { class: "section-title text-lg font-bold mb-5" }, "\u062E\u0628\u0631\u0646\u0627 \u0639\u0646 \u062A\u062C\u0631\u0628\u062A\u0643 \u0645\u0639 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u062D\u0646"), index.h("div", { class: "mb-2" }, index.h("textarea", { id: "shippingReview", name: "comment", class: "form-input comment h-20 mb-2", placeholder: "\u0627\u0636\u0641 \u0631\u0623\u064A\u0643 \u0639\u0646 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u062D\u0646" })), index.h("div", { class: "rating-wrap flex items-center space-s-4" }, index.h("form", { class: "rate-element ratFeedbackPresentere-element--has-label" }, this.getStarsRating()), index.h("p", { class: "rate-label fix-align font-sm center mb-0" })), index.h("small", { class: "text-red-400 validation-message" }))));
-  }
-  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-lg text-gray-400 btn--star", "data-star": star, "data-text": this.order.ratingMessage[`${star}`] }, index.h("i", { class: "sicon-star2" })))));
-  }
-  initiateRating() {
-    this.highlightSelectedStars();
-    this.starsRating();
-    this.handleWizard();
-    //show submitRating Button Only When there is a comment field
-    // Helper.toggle('#submitRating', 'btn', 'hidden', () => Helper.element('#shippingReview,#storeReview,.product-review'))
-    // this.ratingChain = Promise.resolve();
-    // Helper.onClick('#submitRating', () => this.sendRating().then(() => window.location.reload()));
-    salla.event.on('submit::order-rating', () => this.sendRating().then(() => window.location.reload()));
-  }
-  handleWizard() {
-    let steps = document.querySelectorAll(".step"), stepsCount = document.querySelectorAll(".step").length;
-    Helper.Helper.onClick("#prev-btn", () => {
-      this.wizardInex > 0 && this.wizardInex--;
-      this.showActiveStep(steps);
-      this.wizardInex == 0 && Helper.Helper.toggle('#prev-btn', 'hidden', 'block', () => true);
-    });
-    Helper.Helper.onClick("#next-btn", () => {
-      this.ratingValidation();
-      this.wizardInex == stepsCount - 1 && salla.event.dispatch("submit::order-rating");
-      this.wizardInex < stepsCount - 1 && this.wizardInex++;
-      this.showActiveStep(steps);
-      Helper.Helper.toggle('#prev-btn', 'block', 'hidden', () => true);
-    });
-  }
-  showActiveStep(steps) {
-    Helper.Helper.toggle('.step', 'hidden', 'active', () => true);
-    Helper.Helper.toggleElement(steps[this.wizardInex], 'active', 'hidden', () => true);
-  }
-  sendRating() {
-    // this.ratingValidation()
-    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;
-    }
-    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 === null || sectionTitle === void 0 ? void 0 : 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 === null || sectionTitle === void 0 ? void 0 : 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);
-    }
-  }
-  // for hovered star ---
-  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;
-        });
-      });
-    });
-  }
-  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), selectedText = selected.dataset.text;
-      event.target.nextElementSibling.innerHTML = selectedText;
-      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);
-    });
-  }
-};
-OrderRating.style = orderRatingCss;
-
-exports.order_rating = OrderRating;

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

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-23da2c6b.js');
-const Helper = require('./Helper-8c75b6ac.js');
-
-const sallaButtonCss = ":host{display:block}";
-
-const SallaButton = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.kind = 'primary';
-    this.loading = false;
-    this.disabled = false;
-    this.hostAttributes = {};
-    for (let i = 0; i < this.host.attributes.length; i++) {
-      this.hostAttributes[this.host.attributes[i].name] = this.host.attributes[i].value;
-    }
-    this.hostAttributes['type'] = this.hostAttributes['type'] || 'button';
-    this.hostAttributes['class'] = (this.hostAttributes['class'] || '') + ' s-button-btn btn--has-loading btn-' + this.kind;
-    delete this.hostAttributes['kind'];
-    delete this.hostAttributes['id'];
-  }
-  async load() {
-    this.host.setAttribute('loading', '');
-    return this.host;
-  }
-  async stop() {
-    this.host.removeAttribute('loading');
-    return this.host;
-  }
-  async disable() {
-    this.host.setAttribute('disabled', '');
-  }
-  async enable() {
-    this.host.removeAttribute('disabled');
-  }
-  handleVisible(newKind, oldKind) {
-    this.btn.classList.remove('btn-' + oldKind);
-    this.btn.classList.add('btn-' + newKind);
-  }
-  handleLoading(newVal) {
-    Helper.Helper.toggleElement(this.btn, 'btn--is-loading', 'btn--no-loading', () => newVal);
-  }
-  render() {
-    return (index.h("button", Object.assign({ ref: btn => this.btn = btn, disabled: this.disabled }, this.hostAttributes), index.h("slot", null), this.loading ? index.h("span", { class: "loader loader--small s-button-loader" }) : ''));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "kind": ["handleVisible"],
-    "loading": ["handleLoading"]
-  }; }
-};
-SallaButton.style = sallaButtonCss;
-
-exports.salla_button = SallaButton;

package/dist/collection/components/order-rating/order-rating.js

@@ -1,321 +0,0 @@
-import { Component, Host, h, Prop } from '@stencil/core';
-import Helper from "../../Helpers/Helper";
-export class OrderRating {
-  constructor() {
-    this.stars = [1, 2, 3, 4, 5];
-    this.order = {
-      shipping: { id: 5622 },
-      order_id: "179794",
-      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"
-        }
-      ],
-      ratingMessage: {
-        1: "غير راضي <span class='emoji mx-1'>😒</span>",
-        2: "لم يعجبني <span class='emoji mx-1'>😌</span>",
-        3: "معقول <span class='emoji mx-1'>🙄</span>",
-        4: "أعجبني <span class='emoji mx-1'>👍</span>",
-        5: "أعجبني جداً <span class='emoji mx-1'>🤩</span>"
-      },
-      settings: {
-        isProductsRating: true,
-        isStoreRating: true,
-        isShippingRating: true,
-      }
-    };
-    this.ratingChain = Promise.resolve();
-    this.wizardInex = 0;
-  }
-  componentDidRender() {
-    this.initiateRating();
-  }
-  render() {
-    return (h(Host, null,
-      h("div", { class: "pannel__body" },
-        this.order.settings.isStoreRating && this.renderStoreRating(),
-        this.order.settings.isProductsRating && this.renderProductsRating(),
-        this.order.settings.isShippingRating && this.renderShippingRating()),
-      h("div", { class: "pannel__footer relative flex justify-between items-center" },
-        h("button", { id: "prev-btn", class: "font-bold text-sm text-primary hidden" }, "\u0627\u0644\u0633\u0627\u0628\u0642"),
-        h("ul", { class: "flex justify-center text-center space-s-1.5 py-8 flex-1" },
-          h("li", { class: "cursor-pointer w-2.5 h-2.5 bg-primary rounded-full transition-colors duration-300" }),
-          h("li", { class: "cursor-pointer w-2.5 h-2.5 bg-gray-200 rounded-full transition-colors duration-300" }),
-          h("li", { class: "cursor-pointer w-2.5 h-2.5 bg-gray-200 rounded-full transition-colors duration-300" })),
-        h("button", { id: "next-btn", class: "btn btn-primary h-10 px-8 flex-none" }, "\u0627\u0644\u062A\u0627\u0644\u064A"))));
-  }
-  renderProductsRating() {
-    return (h("section", { class: "step rating-section products-section hidden", "data-type": "product" },
-      h("div", { class: "bg-white mb-5 p-5 rounded-md overflow-hidden mb-10" }, this.order.products.map((item, index) => {
-        var _a;
-        return h("div", { class: "rating-outer-form", "data-stars-error": `يرجى تقييم (${item.title}) بواسطة النجمات` },
-          h("div", { class: "product-item mb-4" },
-            h("div", { class: "mb-5" },
-              h("div", { class: "flex space-s-5 mb-8" },
-                h("img", { src: item.image, alt: item.title, class: "w-18 h-14 object-cover rounded-md" }),
-                h("div", { class: "flex-1" },
-                  h("h3", { class: "section-title leading-5 mb-1.5 md:text-base" },
-                    " ",
-                    item.title),
-                  h("div", { class: "rw-product-entry__rate" },
-                    h("div", { class: "rating-wrap flex items-center space-s-4" },
-                      h("form", { class: "rate-element rate-element--has-label" }, this.getStarsRating()),
-                      h("p", { class: "rate-label fix-align font-xsm my-0" })),
-                    h("input", { type: "hidden", name: "order_id", value: (_a = this.order) === null || _a === void 0 ? void 0 : _a.order_id }),
-                    h("input", { type: "hidden", name: `products[${index}][product_id]`, value: item.getOptimusRouteKey }),
-                    h("input", { type: "hidden", name: "type", value: "products" }),
-                    h("textarea", { "data-product-id": item.id, name: `products[${index}][comment]`, id: `productReview_${item.id}`, class: "comment form-input h-20 product-review", placeholder: `اضف رأيك عن المنتج (${item.title})` }),
-                    h("small", { class: "text-red-400 validation-message" })))))));
-      }))));
-  }
-  renderStoreRating() {
-    return (h("section", { class: "step rating-section bg-white my-10 p-5 rounded-md mb-5 active", "data-type": "store" },
-      h("div", { class: "rating-outer-form", "data-stars-error": "\u064A\u0631\u062C\u0649 \u062A\u0642\u064A\u064A\u0645 \u0627\u0644\u0645\u062A\u062C\u0631 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0646\u062C\u0645\u0627\u062A" },
-        h("input", { type: "hidden", name: "order_id", value: this.order.order_id }),
-        h("input", { type: "hidden", name: "type", value: "store" }),
-        h("h2", { class: "section-title text-lg font-bold mb-5" }, "\u0643\u064A\u0641 \u0643\u0627\u0646\u062A \u062A\u062C\u0631\u0628\u062A\u0643 \u0645\u0639 \u0627\u0644\u0645\u062A\u062C\u0631 \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u0629"),
-        h("div", { class: "mb-2" },
-          h("textarea", { id: "storeReview", name: "comment", class: "form-input comment h-20", placeholder: "\u0627\u0636\u0641 \u0631\u0623\u064A\u0643 \u0639\u0646 \u0627\u0644\u0645\u062A\u062C\u0631.." })),
-        h("div", { class: "rating-wrap flex items-center space-s-4" },
-          h("form", { class: "rate-element rate-element--has-label" }, this.getStarsRating()),
-          h("p", { class: "rate-label fix-align font-sm center mb-0" })),
-        h("small", { class: "text-red-400 validation-message" }))));
-  }
-  renderShippingRating() {
-    return (h("section", { class: "step rating-section bg-white my-10 p-5 rounded-md mb-5 hidden", "data-type": "shipping" },
-      h("div", { class: "rating-outer-form", "data-stars-error": "\u064A\u0631\u062C\u0649 \u062A\u0642\u064A\u064A\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u062D\u0646 \u0628\u0648\u0627\u0633\u0637\u0629 \u0627\u0644\u0646\u062C\u0645\u0627\u062A" },
-        h("input", { type: "hidden", name: "order_id", value: this.order.order_id }),
-        h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.id }),
-        h("input", { type: "hidden", name: "type", value: "shipping" }),
-        h("h2", { class: "section-title text-lg font-bold mb-5" }, "\u062E\u0628\u0631\u0646\u0627 \u0639\u0646 \u062A\u062C\u0631\u0628\u062A\u0643 \u0645\u0639 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u062D\u0646"),
-        h("div", { class: "mb-2" },
-          h("textarea", { id: "shippingReview", name: "comment", class: "form-input comment h-20 mb-2", placeholder: "\u0627\u0636\u0641 \u0631\u0623\u064A\u0643 \u0639\u0646 \u0634\u0631\u0643\u0629 \u0627\u0644\u0634\u062D\u0646" })),
-        h("div", { class: "rating-wrap flex items-center space-s-4" },
-          h("form", { class: "rate-element ratFeedbackPresentere-element--has-label" }, this.getStarsRating()),
-          h("p", { class: "rate-label fix-align font-sm center mb-0" })),
-        h("small", { class: "text-red-400 validation-message" }))));
-  }
-  getStarsRating() {
-    return (h("div", { class: "mb-1" },
-      h("input", { type: "hidden", class: "rating_hidden_input", name: "rating", value: "" }),
-      this.stars.map((star) => h("button", { type: "submit", class: "btn btn--transparent px-1 text-lg text-gray-400 btn--star", "data-star": star, "data-text": this.order.ratingMessage[`${star}`] },
-        h("i", { class: "sicon-star2" })))));
-  }
-  initiateRating() {
-    this.highlightSelectedStars();
-    this.starsRating();
-    this.handleWizard();
-    //show submitRating Button Only When there is a comment field
-    // Helper.toggle('#submitRating', 'btn', 'hidden', () => Helper.element('#shippingReview,#storeReview,.product-review'))
-    // this.ratingChain = Promise.resolve();
-    // Helper.onClick('#submitRating', () => this.sendRating().then(() => window.location.reload()));
-    salla.event.on('submit::order-rating', () => this.sendRating().then(() => window.location.reload()));
-  }
-  handleWizard() {
-    let steps = document.querySelectorAll(".step"), stepsCount = document.querySelectorAll(".step").length;
-    Helper.onClick("#prev-btn", () => {
-      this.wizardInex > 0 && this.wizardInex--;
-      this.showActiveStep(steps);
-      this.wizardInex == 0 && Helper.toggle('#prev-btn', 'hidden', 'block', () => true);
-    });
-    Helper.onClick("#next-btn", () => {
-      this.ratingValidation();
-      this.wizardInex == stepsCount - 1 && salla.event.dispatch("submit::order-rating");
-      this.wizardInex < stepsCount - 1 && this.wizardInex++;
-      this.showActiveStep(steps);
-      Helper.toggle('#prev-btn', 'block', 'hidden', () => true);
-    });
-  }
-  showActiveStep(steps) {
-    Helper.toggle('.step', 'hidden', 'active', () => true);
-    Helper.toggleElement(steps[this.wizardInex], 'active', 'hidden', () => true);
-  }
-  sendRating() {
-    // this.ratingValidation()
-    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;
-    }
-    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 === null || sectionTitle === void 0 ? void 0 : 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 === null || sectionTitle === void 0 ? void 0 : 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);
-    }
-  }
-  // for hovered star ---
-  highlightSelectedStars() {
-    let hover = ['hovered', 'text-theme-yellow'];
-    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;
-        });
-      });
-    });
-  }
-  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), selectedText = selected.dataset.text;
-      event.target.nextElementSibling.innerHTML = selectedText;
-      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);
-    });
-  }
-  static get is() { return "order-rating"; }
-  static get originalStyleUrls() { return {
-    "$": ["order-rating.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["order-rating.css"]
-  }; }
-  static get properties() { return {
-    "order": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "order",
-      "reflect": false,
-      "defaultValue": "{\n    shipping: { id: 5622 },\n    order_id: \"179794\",\n    products: [\n      {\n        \"title\": \"\u0645\u064A\u0643\u0631\u0648\u0641\u0648\u0646 \u0639\u0627\u0644\u0649 \u0627\u0644\u062C\u0648\u062F\u0629\",\n        \"image\": \"https://salla-dev.s3.eu-central-1.amazonaws.com/Mvyk/pMdEEyMVpZFj4L1Hrdm2g48AuiSx0TrKULBiOnPo.jpg\",\n        \"price\": \"\u200F10,978.00 \u0631.\u0633\",\n        \"qty\": \"\u200F2\",\n        \"totalBefore\": \"\u200F1120 \u0631.\u0633\",\n        \"discount\": \"-5%\",\n        \"total\": \"\u200F1064 \u0631.\u0633\",\n        \"id\": \"2314513454\",\n        \"getOptimusRouteKey\": \"7351233357\"\n\n      },\n      {\n        \"title\": \"\u0648\u062D\u062F\u0629 \u062A\u062D\u0643\u0645 \u0644\u0645\u0634\u063A\u0644 \u0627\u0644\u0639\u0627\u0628\",\n        \"image\": \"https://salla-dev.s3.eu-central-1.amazonaws.com/Mvyk/NOa4kHvOkd1hBWHk3JIgAo1602oVACfuWGFz3vXv.jpg\",\n        \"price\": \"\u200F10,978.00 \u0631.\u0633\",\n        \"qty\": \"\u200F2\",\n        \"totalBefore\": \"\u200F1120 \u0631.\u0633\",\n        \"discount\": \"-5%\",\n        \"total\": \"\u200F1064 \u0631.\u0633\",\n        \"id\": \"9842833\",\n        \"getOptimusRouteKey\": \"735152357\"\n      },\n      {\n        \"title\": \"\u0633\u0627\u0639\u0629 \u0630\u0643\u064A\u0629 \u0628\u0646\u0638\u0627\u0645 \u0627\u0646\u062F\u0631\u0648\u064A\u062F\",\n        \"image\": \"https://salla-dev.s3.eu-central-1.amazonaws.com/Mvyk/T4kTqYNuPAZmPMLw1bx92RnjVMZyFszVXOUZQsFJ.jpg\",\n        \"price\": \"\u200F10,978.00 \u0631.\u0633\",\n        \"qty\": \"\u200F2\",\n        \"totalBefore\": \"\u200F1120 \u0631.\u0633\",\n        \"discount\": \"-5%\",\n        \"total\": \"\u200F1064 \u0631.\u0633\",\n        \"id\": \"679822376\",\n        \"getOptimusRouteKey\": \"73233357\"\n\n      }\n    ],\n    ratingMessage: {\n      1: \"\u063A\u064A\u0631 \u0631\u0627\u0636\u064A <span class='emoji mx-1'>\uD83D\uDE12</span>\",\n      2: \"\u0644\u0645 \u064A\u0639\u062C\u0628\u0646\u064A <span class='emoji mx-1'>\uD83D\uDE0C</span>\",\n      3: \"\u0645\u0639\u0642\u0648\u0644 <span class='emoji mx-1'>\uD83D\uDE44</span>\",\n      4: \"\u0623\u0639\u062C\u0628\u0646\u064A <span class='emoji mx-1'>\uD83D\uDC4D</span>\",\n      5: \"\u0623\u0639\u062C\u0628\u0646\u064A \u062C\u062F\u0627\u064B <span class='emoji mx-1'>\uD83E\uDD29</span>\"\n    },\n\n    settings: {\n      isProductsRating: true,\n      isStoreRating: true,\n      isShippingRating: true,\n    }\n  }"
-    }
-  }; }
-}