@salla.sa/twilight-components 2.14.393 → 2.14.394

package/dist/components/salla-reviews-summary.js

@@ -1,4 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{S as s,d as a}from"./salla-reviews-summary2.js";const r=s,m=a;export{r as SallaReviewsSummary,m as defineCustomElement}
+import { S as SallaReviewsSummary$1, d as defineCustomElement$1 } from './salla-reviews-summary2.js';
+
+const SallaReviewsSummary = SallaReviewsSummary$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaReviewsSummary, defineCustomElement };

package/dist/components/salla-reviews-summary2.js

@@ -1,4 +1,135 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{transformTag as s,proxyCustomElement as e,HTMLElement as a,h as r,Host as t}from"@stencil/core/internal/client";import{R as i}from"./star2.js";import{d as n}from"./salla-progress-bar2.js";import{d as l}from"./salla-rating-stars2.js";const m=e(class extends a{constructor(s){super(),!1!==s&&this.__registerHost(),this.canRender=!1,this.showRatingSummary=!1,this.recommendationOnly=!1,this.showRecommendation=!1}async componentWillLoad(){try{await salla.onReady(),this.initializeLanguages(),this.loadConfig(),(this.showRatingSummary||this.showRecommendation)&&await this.loadSummary()}catch(s){console.error("Failed to initialize reviews summary component:",s)}}async loadConfig(){this.showRatingSummary=salla.config.get("store.settings.rating.show_rating_summary"),this.showRecommendation=salla.config.get("store.settings.rating.show_recommendation"),this.recommendationOnly=this.showRecommendation&&!this.showRatingSummary}initializeLanguages(){return Salla.lang.onLoaded((()=>{Salla.lang.addBulk({"blocks.comments.based_on":{ar:"بناءً على",en:"Based on"},"blocks.comments.recommended":{ar:"أوصوا بالمنتج",en:"Recommended"}}),this.basedOnLabel=salla.lang.get("blocks.comments.based_on"),this.recommendedLabel=salla.lang.get("blocks.comments.recommended")}))}async loadSummary(){if(!this.itemId)return console.error("Error loading reviews summary: itemId is not defined"),this.canRender=!1;try{const s=await salla.api.request(`rating/summary/${this.itemId}`);if(!s?.data||Array.isArray(s.data.reviews)&&!s.data.reviews.length)return this.canRender=!1,void(this.data=null);this.data=s.data,this.canRender=!0}catch(s){this.canRender=!1,this.data=null,console.error("Error loading reviews summary:",s)}}renderRecommendation(){return this.showRecommendation&&this.data?.recommendation?r("div",{class:("s-reviews-summary-header-section "+(this.recommendationOnly?"s-reviews-summary-recommendation-only":"")).trim()},r("h4",{class:"s-reviews-summary-recommendation-percentage"},"%",this.data?.recommendation),r("p",{class:"s-reviews-summary-count"},this.recommendedLabel)):null}render(){if(!this.canRender)return null;if(this.recommendationOnly)return this.renderRecommendation();const s={1:0,2:0,3:0,4:0,5:0,...this.data.reviews},e=Object.keys(s).reverse().map((e=>{const a=s[e];return r("div",{key:e,class:"s-reviews-summary-row"},r("div",{class:"s-reviews-summary-row-rate"},e," ",r("span",{innerHTML:i})),r("salla-progress-bar",{class:"s-reviews-summary-progress",value:a,target:100,hideUnits:!0,height:"16px"}),r("span",{class:"s-reviews-summary-percentage"},a,"%"))}));return r(t,{class:"s-reviews-summary-wrapper"},r("div",{class:"s-reviews-summary-header"},r("div",{class:"s-reviews-summary-header-section"},r("h3",{class:"s-reviews-summary-average"},this.data.rating),r("div",null,r("salla-rating-stars",{size:"large",value:this.data.rating}),r("p",{class:"s-reviews-summary-count"},this.basedOnLabel," ",salla.helpers.number(salla.lang.choice("pages.rating.reviews",this.data.count))))),this.renderRecommendation()),r("div",{class:"s-reviews-summary-rows"},e))}static get style(){return":host{display:block}"}},[0,"salla-reviews-summary",{itemId:[2,"item-id"],data:[32],canRender:[32],basedOnLabel:[32],recommendedLabel:[32],showRatingSummary:[32],recommendationOnly:[32],showRecommendation:[32]}]);function o(){"undefined"!=typeof customElements&&["salla-reviews-summary","salla-progress-bar","salla-rating-stars"].forEach((e=>{switch(e){case"salla-reviews-summary":customElements.get(s(e))||customElements.define(s(e),m);break;case"salla-progress-bar":customElements.get(s(e))||n();break;case"salla-rating-stars":customElements.get(s(e))||l()}}))}o();export{m as S,o as d}
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { R as Rate } from './star2.js';
+import { d as defineCustomElement$2 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$1 } from './salla-rating-stars2.js';
+
+const sallaReviewsSummaryCss = ":host{display:block}";
+
+const SallaReviewsSummary = /*@__PURE__*/ proxyCustomElement(class SallaReviewsSummary extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.canRender = false;
+        this.showRatingSummary = false;
+        this.recommendationOnly = false;
+        this.showRecommendation = false;
+    }
+    async componentWillLoad() {
+        try {
+            await salla.onReady();
+            this.initializeLanguages();
+            this.loadConfig();
+            // Only load data if component should be displayed
+            if (this.showRatingSummary || this.showRecommendation) {
+                await this.loadSummary();
+            }
+        }
+        catch (error) {
+            console.error('Failed to initialize reviews summary component:', error);
+        }
+    }
+    async loadConfig() {
+        this.showRatingSummary = salla.config.get('store.settings.rating.show_rating_summary');
+        this.showRecommendation = salla.config.get('store.settings.rating.show_recommendation');
+        this.recommendationOnly = this.showRecommendation && !this.showRatingSummary;
+    }
+    initializeLanguages() {
+        return Salla.lang.onLoaded(() => {
+            Salla.lang.addBulk({
+                "blocks.comments.based_on": { ar: "بناءً على", en: "Based on" },
+                "blocks.comments.recommended": { ar: "أوصوا بالمنتج", en: "Recommended" }
+            });
+            this.basedOnLabel = salla.lang.get('blocks.comments.based_on');
+            this.recommendedLabel = salla.lang.get('blocks.comments.recommended');
+        });
+    }
+    async loadSummary() {
+        if (!this.itemId) {
+            console.error('Error loading reviews summary: itemId is not defined');
+            return this.canRender = false;
+        }
+        try {
+            const response = (await salla.api.request(`rating/summary/${this.itemId}`));
+            if (!response?.data || (Array.isArray(response.data.reviews) && !response.data.reviews.length)) {
+                this.canRender = false;
+                this.data = null;
+                return;
+            }
+            this.data = response.data;
+            this.canRender = true;
+        }
+        catch (error) {
+            this.canRender = false;
+            this.data = null;
+            console.error('Error loading reviews summary:', error);
+        }
+    }
+    renderRecommendation() {
+        if (!this.showRecommendation || !this.data?.recommendation) {
+            return null;
+        }
+        const classes = {
+            base: 's-reviews-summary-header-section',
+            standalone: this.recommendationOnly ? 's-reviews-summary-recommendation-only' : ''
+        };
+        return (h("div", { class: `${classes.base} ${classes.standalone}`.trim() }, h("h4", { class: "s-reviews-summary-recommendation-percentage" }, "%", this.data?.recommendation), h("p", { class: "s-reviews-summary-count" }, this.recommendedLabel)));
+    }
+    render() {
+        if (!this.canRender)
+            return null;
+        if (this.recommendationOnly)
+            return this.renderRecommendation();
+        const ratings = {
+            "1": 0,
+            "2": 0,
+            "3": 0,
+            "4": 0,
+            "5": 0,
+            ...this.data.reviews
+        };
+        const reviewElements = Object.keys(ratings).reverse().map((rating) => {
+            const percentage = ratings[rating];
+            return (h("div", { key: rating, class: "s-reviews-summary-row" }, h("div", { class: "s-reviews-summary-row-rate" }, rating, " ", h("span", { innerHTML: Rate })), h("salla-progress-bar", { class: "s-reviews-summary-progress", value: percentage, target: 100, hideUnits: true, height: '16px' }), h("span", { class: "s-reviews-summary-percentage" }, percentage, "%")));
+        });
+        return (h(Host, { class: "s-reviews-summary-wrapper" }, h("div", { class: "s-reviews-summary-header" }, h("div", { class: "s-reviews-summary-header-section" }, h("h3", { class: "s-reviews-summary-average" }, this.data.rating), h("div", null, h("salla-rating-stars", { size: 'large', value: this.data.rating }), h("p", { class: "s-reviews-summary-count" }, this.basedOnLabel, " ", salla.helpers.number(salla.lang.choice('pages.rating.reviews', this.data.count))))), this.renderRecommendation()), h("div", { class: "s-reviews-summary-rows" }, reviewElements)));
+    }
+    static get style() { return sallaReviewsSummaryCss; }
+}, [0, "salla-reviews-summary", {
+        "itemId": [2, "item-id"],
+        "data": [32],
+        "canRender": [32],
+        "basedOnLabel": [32],
+        "recommendedLabel": [32],
+        "showRatingSummary": [32],
+        "recommendationOnly": [32],
+        "showRecommendation": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-reviews-summary", "salla-progress-bar", "salla-rating-stars"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-reviews-summary":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaReviewsSummary);
+            }
+            break;
+        case "salla-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "salla-rating-stars":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SallaReviewsSummary as S, defineCustomElement as d };

package/dist/components/salla-reviews.js

@@ -1,4 +1,146 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{transformTag as s,proxyCustomElement as e,HTMLElement as i,h as t}from"@stencil/core/internal/client";import{I as a}from"./arrow-left.js";import{H as l}from"./Helper.js";import{d as r}from"./salla-rating-stars2.js";import{d as c}from"./salla-slider2.js";const o=e(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.limit=5,this.type="store",this.sort="latest",this.hideCustomerInfo=!1,this.reviews=[],this.showReviews=!1,this.testimonialText=salla.lang.get("blocks.home.testimonials"),this.displayAllLinkText=salla.lang.get("blocks.home.display_all"),this.displayAllURL=null,this.source=this.source,salla.onReady((()=>{this.displayAllURL=salla.url.get("testimonials"),this.isRTL=salla.config.get("theme.is_rtl",!0)})),salla.lang.onLoaded((()=>{this.testimonialText=salla.lang.get("blocks.home.testimonials"),this.displayAllLinkText=salla.lang.get("blocks.home.display_all")}))}fetchReviews(){if("json"===this.source)return Promise.resolve(JSON.parse(this.sourceValue));const s={limit:this.limit,source:this.source,items:["products","categories"].includes(this.source)?JSON.parse(this.sourceValue):this.sourceValue,sort:this.sort,type:this.type,hide_customer_info:this.hideCustomerInfo?1:0};return salla.api.request("reviews",{params:s},"get")}componentWillLoad(){return new Promise((s=>salla.onReady(s))).then((()=>this.fetchReviews())).then((s=>s.data||[])).then((s=>{s.length&&(this.reviews=s,this.showReviews=!0,l.generateReviewSchema(this.reviews))}))}render(){return t("div",{key:"70962f093fe86f8d24c4c7127aea2393753ae0dd",class:"s-reviews-container"},t("div",{key:"e462464473514c515b4406205f28759101755874",class:"s-reviews-header-wrapper"},t("h1",{key:"4f1d93865eaede37f8c54f82f094b28abf59512c",class:"s-reviews-header"},this.testimonialText),this.displayAllLink?t("a",{href:this.displayAllURL,class:"s-reviews-display-all"},this.displayAllLinkText,t("span",{class:"s-reviews-display-all-icon",innerHTML:a})):null),t("salla-slider",{key:"a3bb1307ec589cbd33c854ef339addfd00c3782d",centered:!0,"slides-per-view":1,type:"testimonials",class:"s-reviews-testimonials-slider","controls-outer":!0,"auto-play":!0,id:`testimonials-${this.source}-slider`},t("div",{key:"2b0739018657616475e85c6c9413365939be33c6",slot:"items"},this.reviews.map(((s,e)=>t("div",{key:e,class:"s-reviews-swiper-slide"},t("div",{class:"s-reviews-testimonial"},t("div",{class:"s-reviews-testimonial__inner"},t("div",{class:"s-reviews-testimonial__avatar"},t("img",{src:"images/s-empty.png","data-src":s.avatar,alt:s.name?s.name:"testimonial-"+e,class:"lazy"})),t("div",{class:"s-reviews-testimonial__text"},t("p",{innerHTML:s.content}),t("div",{class:"s-reviews-testimonial__name_wrapper"},t("div",{class:"s-reviews-testimonial__info"},s.name&&t("h2",null,""+s.name)),t("div",{class:"s-reviews-testimonial__rating"},t("salla-rating-stars",{size:"small",value:s.stars})))),t("span",{class:"s-reviews-testimonial__icon",innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>quote-open</title>\n<path d="M8 12v-5.333c0-0.737-0.596-1.333-1.333-1.333-3.676 0-6.667 2.991-6.667 6.667v8c0 3.676 2.991 6.667 6.667 6.667h1.333c3.676 0 6.667-2.991 6.667-6.667v-1.333c0-3.676-2.991-6.667-6.667-6.667zM12 20c0 2.205-1.795 4-4 4h-1.333c-2.205 0-4-1.795-4-4v-8c0-1.739 1.115-3.221 2.667-3.772v5.105c0 0.737 0.596 1.333 1.333 1.333h1.333c2.205 0 4 1.795 4 4zM25.333 12v-5.333c0-0.737-0.596-1.333-1.333-1.333-3.676 0-6.667 2.991-6.667 6.667v8c0 3.676 2.991 6.667 6.667 6.667h1.333c3.676 0 6.667-2.991 6.667-6.667v-1.333c0-3.676-2.991-6.667-6.667-6.667zM29.333 20c0 2.205-1.795 4-4 4h-1.333c-2.205 0-4-1.795-4-4v-8c0-1.739 1.115-3.221 2.667-3.772v5.105c0 0.737 0.596 1.333 1.333 1.333h1.333c2.205 0 4 1.795 4 4z"></path>\n</svg>\n'})))))))))}static get style(){return""}},[0,"salla-reviews",{displayAllLink:[516,"display-all-link"],source:[513],sourceValue:[513,"source-value"],limit:[514],type:[1],sort:[1],hideCustomerInfo:[4,"hide-customer-info"],reviews:[32],isRTL:[32],showReviews:[32],testimonialText:[32],displayAllLinkText:[32]}]);function n(){"undefined"!=typeof customElements&&["salla-reviews","salla-rating-stars","salla-slider"].forEach((e=>{switch(e){case"salla-reviews":customElements.get(s(e))||customElements.define(s(e),o);break;case"salla-rating-stars":customElements.get(s(e))||r();break;case"salla-slider":customElements.get(s(e))||c()}}))}n();const h=o,m=n;export{h as SallaReviews,m as defineCustomElement}
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { I as IconArrowLeft } from './arrow-left.js';
+import { H as Helper } from './Helper.js';
+import { d as defineCustomElement$3 } from './salla-rating-stars2.js';
+import { d as defineCustomElement$2 } from './salla-slider2.js';
+
+var IconQuoteOpen = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>quote-open</title>
+<path d="M8 12v-5.333c0-0.737-0.596-1.333-1.333-1.333-3.676 0-6.667 2.991-6.667 6.667v8c0 3.676 2.991 6.667 6.667 6.667h1.333c3.676 0 6.667-2.991 6.667-6.667v-1.333c0-3.676-2.991-6.667-6.667-6.667zM12 20c0 2.205-1.795 4-4 4h-1.333c-2.205 0-4-1.795-4-4v-8c0-1.739 1.115-3.221 2.667-3.772v5.105c0 0.737 0.596 1.333 1.333 1.333h1.333c2.205 0 4 1.795 4 4zM25.333 12v-5.333c0-0.737-0.596-1.333-1.333-1.333-3.676 0-6.667 2.991-6.667 6.667v8c0 3.676 2.991 6.667 6.667 6.667h1.333c3.676 0 6.667-2.991 6.667-6.667v-1.333c0-3.676-2.991-6.667-6.667-6.667zM29.333 20c0 2.205-1.795 4-4 4h-1.333c-2.205 0-4-1.795-4-4v-8c0-1.739 1.115-3.221 2.667-3.772v5.105c0 0.737 0.596 1.333 1.333 1.333h1.333c2.205 0 4 1.795 4 4z"></path>
+</svg>
+`;
+
+const sallaReviewsCss = "";
+
+const SallaReviews$1 = /*@__PURE__*/ proxyCustomElement(class SallaReviews extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        /**
+         * Defines the maximum number of reviews to retrieve from the API.
+         *
+         * @type {number}
+         * @default 5
+         */
+        this.limit = 5;
+        /**
+         * Specifies the type of reviews to fetch.
+         * Available options:
+         * - "all": Fetches reviews from all sources.
+         * - "store": Fetches reviews specific to the store.
+         * - "products": Fetches reviews specific to products.
+         *
+         * @type {ReviewType}
+         * @default store
+         */
+        this.type = "store";
+        /**
+         * Specifies the sorting criteria for the fetched reviews.
+         * Available options:
+         * - "top_rating": Sorts reviews based on top ratings.
+         * - "random": Sorts reviews randomly.
+         * - "latest": Sorts reviews based on the latest ones (default).
+         *
+         * @type {SortingOption}
+         * @default latest
+         */
+        this.sort = "latest";
+        /**
+         * Specifies whether to hide customer information in the component.
+         * When set to true, customer information will be hidden.
+         * Defaults to false, meaning customer information will be displayed.
+         */
+        this.hideCustomerInfo = false;
+        this.reviews = [];
+        this.showReviews = false;
+        this.testimonialText = salla.lang.get('blocks.home.testimonials');
+        this.displayAllLinkText = salla.lang.get('blocks.home.display_all');
+        this.displayAllURL = null;
+        this.source = this.source;
+        salla.onReady(() => {
+            this.displayAllURL = salla.url.get('testimonials');
+            this.isRTL = salla.config.get('theme.is_rtl', true);
+        });
+        salla.lang.onLoaded(() => {
+            this.testimonialText = salla.lang.get('blocks.home.testimonials');
+            this.displayAllLinkText = salla.lang.get('blocks.home.display_all');
+        });
+    }
+    fetchReviews() {
+        if (this.source === 'json') {
+            return Promise.resolve(JSON.parse(this.sourceValue));
+        }
+        const isJsonEncoded = ['products', 'categories'].includes(this.source);
+        const params = {
+            limit: this.limit,
+            source: this.source,
+            items: isJsonEncoded ? JSON.parse(this.sourceValue) : this.sourceValue,
+            sort: this.sort,
+            type: this.type,
+            hide_customer_info: this.hideCustomerInfo ? 1 : 0
+        };
+        return salla.api.request('reviews', { params }, 'get');
+    }
+    componentWillLoad() {
+        return (new Promise(resolve => salla.onReady(resolve)))
+            .then(() => this.fetchReviews())
+            .then((resp) => resp.data || [])
+            .then(reviews => {
+            if (reviews.length) {
+                this.reviews = reviews;
+                this.showReviews = true;
+                Helper.generateReviewSchema(this.reviews);
+            }
+        });
+    }
+    render() {
+        return (h("div", { key: '70962f093fe86f8d24c4c7127aea2393753ae0dd', class: "s-reviews-container" }, h("div", { key: 'e462464473514c515b4406205f28759101755874', class: "s-reviews-header-wrapper" }, h("h1", { key: '4f1d93865eaede37f8c54f82f094b28abf59512c', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: 'a3bb1307ec589cbd33c854ef339addfd00c3782d', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: '2b0739018657616475e85c6c9413365939be33c6', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
+    }
+    static get style() { return sallaReviewsCss; }
+}, [0, "salla-reviews", {
+        "displayAllLink": [516, "display-all-link"],
+        "source": [513],
+        "sourceValue": [513, "source-value"],
+        "limit": [514],
+        "type": [1],
+        "sort": [1],
+        "hideCustomerInfo": [4, "hide-customer-info"],
+        "reviews": [32],
+        "isRTL": [32],
+        "showReviews": [32],
+        "testimonialText": [32],
+        "displayAllLinkText": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-reviews", "salla-rating-stars", "salla-slider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-reviews":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaReviews$1);
+            }
+            break;
+        case "salla-rating-stars":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-slider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaReviews = SallaReviews$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaReviews, defineCustomElement };

package/dist/components/salla-scopes.js

@@ -1,4 +1,252 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{transformTag as s,proxyCustomElement as e,HTMLElement as t,h as l,Host as a}from"@stencil/core/internal/client";import{S as i}from"./search.js";import{d as o}from"./salla-button2.js";import{d as c}from"./salla-list-tile2.js";import{d as h}from"./salla-loading2.js";import{d as n}from"./salla-modal2.js";import{d as r}from"./salla-placeholder2.js";import{d as p}from"./salla-skeleton2.js";var d;!function(s){s.DEFAULT="default",s.AVAILABILITY="availability"}(d||(d={}));const m=e(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.loadedScopes={[d.DEFAULT]:null,[d.AVAILABILITY]:null},this.translationLoaded=!1,this.mode=d.DEFAULT,this.scopes=[],this.originalScopesList=[],this.isOpenedBefore=salla.storage.get("branch-choosed-before"),this.hasError=!1,this.loading=!1,this.selection="optional",this.searchDisplayLimit=6,this.getFormTitle=()=>{if(this.originalScopesList?.length<2)return"";const s=salla.config.get("store.features")?.includes("multi-countries");return this.mode===d.DEFAULT?salla.lang.get(s?"blocks.scope.shopping_from_another_market":"blocks.scope.shopping_from_another_branch"):salla.lang.get("blocks.scope.search_for_availability_in_other_branches")},salla.event.on("scopes::open",(({mode:s=null,product_id:e=null})=>{this.open(s,e)})),salla.lang.onLoaded((()=>{this.translationLoaded=!0}))}async close(){return await(this.modal?.close())}async open(s=d.DEFAULT,e=null){return this.hasError=!1,this.mode=[d.AVAILABILITY,d.DEFAULT].includes(s)?s:d.DEFAULT,this.loading=!this.loadedScopes[this.mode],this.setScopeValues([]),salla.log("SallaScope:: opened"),this.modal.open(),this.loading?await salla.api.withoutNotifier((()=>s==d.AVAILABILITY?salla.scope.getProductAvailability(e):salla.scope.get())).then((e=>{if(s==d.AVAILABILITY)return this.setScopeValues(this.loadedScopes[d.AVAILABILITY]=e.data);this.setScopeValues(this.loadedScopes[this.mode]=e.data.scopes)})).catch((s=>{console.log(s),this.hasError=!0})).finally((()=>{this.modal.stopLoading(),this.loading=!1})):(this.setScopeValues(this.loadedScopes[this.mode]),this.modal.stopLoading())}async handleSubmit(){let s={id:this.current_scope.id};return this.changeBtn.load(),await salla.scope.change(s).then((()=>{salla.storage.set("branch-choosed-before",!0),salla.storage.set("scope",{type:this.current_scope.type,id:this.current_scope.id}),salla.cart.reset(),window.location.replace(salla.helpers.addParamToUrl("scope",this.current_scope.id))})).catch((s=>console.log(s))).finally((()=>{this.changeBtn.stop()}))}setScopeValues(s){this.scopes=s,this.originalScopesList=s,1==s?.length?(this.current_scope=s[0],this.selected_scope=s[0],this.scopes=[s[0]]):(this.current_scope=s?.find((s=>s.selected)),this.selected_scope=s?.find((s=>s.selected)))}handleSearchFieldTyping(s){let e=s.target.value.toLocaleLowerCase();this.scopes=e?this.originalScopesList.filter((s=>s.name.toLowerCase().includes(e))):this.originalScopesList}handleScopeSelection(s){this.current_scope=this.scopes?.find((e=>e.id==s.target.value))}placeholderContent(){return l("salla-placeholder",{alignment:"center",class:"s-scopes-placeholder"},l("span",{slot:"title"},salla.lang.get("blocks.scope.branch_looking_for_not_found")),l("span",{slot:"description"},salla.lang.get("blocks.scope.our_services_not_available_in_this_branch")))}defaultContent(){return[l("div",{class:"s-scopes-container s-scrollbar"},this.scopes?.map((s=>l("div",{class:"s-scopes-input-wrap","data-selection":this.selection},l("input",{id:`${this.selection} + '_scope_' + ${s.id}`,name:"lang",type:"radio",value:s.id,onChange:s=>this.handleScopeSelection(s),class:"s-scopes-input",checked:!!this.current_scope&&this.current_scope.id==s.id}),l("label",{htmlFor:`${this.selection} + '_scope_' + ${s.id}`,class:"s-scopes-label s-scopes-clickable"},l("span",null,s.name)))))),this.footerContent()]}availabilityContent(){return l("div",{class:"s-scopes-container"},this.scopes?.map((s=>l("div",{class:"s-scopes-input-wrap","data-selection":this.selection},l("h2",{class:{"s-scopes-label":!0,"s-scopes-clickable":this.mode===d.DEFAULT}},l("span",null,s.name)),l("h2",{style:{color:s?.availability?.color},class:"s-scopes-"+s?.availability?.key},s?.availability?.label)))))}footerContent(){return l("div",{class:"s-scopes-footer"},l("slot",{name:"footer"},l("salla-button",{ref:s=>this.changeBtn=s,disabled:!this.current_scope,onClick:()=>this.handleSubmit(),class:"s-scopes-submit","loader-position":"center",width:"wide"},salla.lang.get("common.elements.confirm"))))}componentWillLoad(){return salla.onReady()}render(){return l(a,{key:"0f85dc5ec5bed28a4087226cff76eb63c70b83a4"},l("salla-modal",{key:"cdb992873dfac3920a9884ab088679687833118a",ref:s=>this.modal=s,isClosable:!(!this.isOpenedBefore&&"optional"!=this.selection),class:"s-scopes-modal",isLoading:this.loading,"has-skeleton":!0},this.loading?l("div",{slot:"loading"},l("div",{class:"s-scopes-skeleton"},l("salla-list-tile",{class:"s-scopes-header"},l("div",{slot:"icon",class:"s-scopes-header-icon"},l("salla-skeleton",{type:"circle"})),l("div",{slot:"title",class:"s-scopes-header-title mb-5"},l("salla-skeleton",{height:"15px",width:"50%"})),l("div",{slot:"subtitle",class:"s-scopes-header-subtitle"},l("salla-skeleton",{height:"10px"}),l("salla-skeleton",{height:"10px",width:"75%"}))),l("div",{class:"s-scopes-skeleton-search"},l("salla-skeleton",{height:"10px",width:"50%"}),l("salla-skeleton",{height:"30px",width:"100%"})),l("div",{class:"s-scopes-skeleton-scopes"},l("salla-skeleton",{height:"10px",width:"30%"}),l("salla-skeleton",{height:"10px",width:"25%"}),l("salla-skeleton",{height:"10px",width:"30%"}),l("salla-skeleton",{height:"10px",width:"25%"}),l("salla-skeleton",{height:"10px",width:"30%"}),l("salla-skeleton",{height:"10px",width:"25%"}),l("salla-skeleton",{height:"10px",width:"30%"}),l("salla-skeleton",{height:"10px",width:"25%"})),l("div",{class:"s-scopes-skeleton-btn"},l("salla-skeleton",{height:"40px",width:"100%"})))):[l("salla-list-tile",{class:this.originalScopesList?.length?"s-scopes-header block":"s-hidden"},l("div",{slot:"icon",class:"s-scopes-header-icon",innerHTML:'\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>store-alt</title>\n<path d="M6.667 24h5.333c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333zM31.86 10.071l-4-8c-0.227-0.452-0.688-0.737-1.193-0.737h-21.333c-0.505 0-0.967 0.285-1.193 0.737l-4 8c-0.092 0.184-0.14 0.389-0.14 0.596v18.667c0 0.737 0.597 1.333 1.333 1.333h29.333c0.736 0 1.333-0.596 1.333-1.333v-18.667c0-0.207-0.048-0.412-0.14-0.596zM6.157 4h19.685l3.333 6.667h-26.352zM24 28h-5.333v-9.333h5.333zM29.333 28h-2.667v-10.667c0-0.737-0.597-1.333-1.333-1.333h-8c-0.736 0-1.333 0.596-1.333 1.333v10.667h-13.333v-14.667h26.667zM6.667 18.667h5.333c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333z"></path>\n</svg>\n'}),l("div",{slot:"title",class:"s-scopes-header-title"},salla.lang.get("blocks.scope.you_are_browse_store_from")),l("div",{slot:"subtitle",class:"s-scopes-header-subtitle"},this.selected_scope?this.selected_scope.name:"")),l("div",{class:"s-scopes-wrap"},!!this.originalScopesList?.length&&l("h4",{class:"s-scopes-title"},this.getFormTitle()),this.originalScopesList?.length>this.searchDisplayLimit?l("div",{class:"s-scopes-search-wrapper"},l("div",{class:"s-scopes-search-icon",innerHTML:i}),l("input",{type:"text",class:"s-scopes-search-input",onInput:s=>this.handleSearchFieldTyping(s),enterkeyhint:"search",placeholder:salla.lang.get("blocks.scope.searching_for_a_branch")})):"",this.hasError||!this.originalScopesList?.length&&this.mode!==d.AVAILABILITY?this.placeholderContent():this.mode===d.DEFAULT?this.defaultContent():this.availabilityContent())]))}async componentDidLoad(){await Salla.hooks.registerComponent("salla-scopes",this),salla.config.isMobileApp()||this.isOpenedBefore||"mandatory"!=this.selection||this.open()}static get style(){return".s-scopes-availability-content{display:flex;justify-content:center;align-items:center}.s-scopes-placeholder{flex:0 0 85%}"}},[260,"salla-scopes",{selection:[1],searchDisplayLimit:[2,"search-display-limit"],translationLoaded:[32],mode:[32],current_scope:[32],scopes:[32],originalScopesList:[32],selected_scope:[32],isOpenedBefore:[32],hasError:[32],loading:[32],close:[64],open:[64],handleSubmit:[64]}]);function u(){"undefined"!=typeof customElements&&["salla-scopes","salla-button","salla-list-tile","salla-loading","salla-modal","salla-placeholder","salla-skeleton"].forEach((e=>{switch(e){case"salla-scopes":customElements.get(s(e))||customElements.define(s(e),m);break;case"salla-button":customElements.get(s(e))||o();break;case"salla-list-tile":customElements.get(s(e))||c();break;case"salla-loading":customElements.get(s(e))||h();break;case"salla-modal":customElements.get(s(e))||n();break;case"salla-placeholder":customElements.get(s(e))||r();break;case"salla-skeleton":customElements.get(s(e))||p()}}))}u();const b=m,k=u;export{b as SallaScopes,k as defineCustomElement}
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { S as Search } from './search.js';
+import { d as defineCustomElement$7 } from './salla-button2.js';
+import { d as defineCustomElement$6 } from './salla-list-tile2.js';
+import { d as defineCustomElement$5 } from './salla-loading2.js';
+import { d as defineCustomElement$4 } from './salla-modal2.js';
+import { d as defineCustomElement$3 } from './salla-placeholder2.js';
+import { d as defineCustomElement$2 } from './salla-skeleton2.js';
+
+var StoreAlt = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>store-alt</title>
+<path d="M6.667 24h5.333c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333zM31.86 10.071l-4-8c-0.227-0.452-0.688-0.737-1.193-0.737h-21.333c-0.505 0-0.967 0.285-1.193 0.737l-4 8c-0.092 0.184-0.14 0.389-0.14 0.596v18.667c0 0.737 0.597 1.333 1.333 1.333h29.333c0.736 0 1.333-0.596 1.333-1.333v-18.667c0-0.207-0.048-0.412-0.14-0.596zM6.157 4h19.685l3.333 6.667h-26.352zM24 28h-5.333v-9.333h5.333zM29.333 28h-2.667v-10.667c0-0.737-0.597-1.333-1.333-1.333h-8c-0.736 0-1.333 0.596-1.333 1.333v10.667h-13.333v-14.667h26.667zM6.667 18.667h5.333c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333z"></path>
+</svg>
+`;
+
+var ModeType;
+(function (ModeType) {
+    ModeType["DEFAULT"] = "default";
+    ModeType["AVAILABILITY"] = "availability";
+})(ModeType || (ModeType = {}));
+
+const sallaScopesCss = ".s-scopes-availability-content{display:flex;justify-content:center;align-items:center}.s-scopes-placeholder{flex:0 0 85%}";
+
+const SallaScopees = /*@__PURE__*/ proxyCustomElement(class SallaScopees extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        //to avoid over loading scopes in each open call
+        this.loadedScopes = {
+            [ModeType.DEFAULT]: null,
+            [ModeType.AVAILABILITY]: null,
+        };
+        this.translationLoaded = false;
+        this.mode = ModeType.DEFAULT;
+        this.scopes = [];
+        this.originalScopesList = [];
+        this.isOpenedBefore = salla.storage.get("branch-choosed-before");
+        this.hasError = false;
+        this.loading = false;
+        /**
+         * Optionally open the modal or enforce the pop-up to the viewer
+         */
+        this.selection = 'optional';
+        /**
+         * Dictates when to show the search field
+         */
+        this.searchDisplayLimit = 6;
+        this.getFormTitle = () => {
+            if (this.originalScopesList?.length < 2)
+                return "";
+            const isMultiCountries = salla.config.get('store.features')?.includes('multi-countries');
+            if (this.mode === ModeType.DEFAULT) {
+                return salla.lang.get(isMultiCountries
+                    ? "blocks.scope.shopping_from_another_market"
+                    : "blocks.scope.shopping_from_another_branch");
+            }
+            return salla.lang.get('blocks.scope.search_for_availability_in_other_branches');
+        };
+        salla.event.on('scopes::open', ({ mode = null, product_id = null }) => {
+            this.open(mode, product_id);
+        });
+        salla.lang.onLoaded(() => {
+            this.translationLoaded = true;
+        });
+    }
+    /**
+     * Closes the scope modal.
+     */
+    async close() {
+        return await this.modal?.close();
+    }
+    /**
+     * Opens the scope modal.
+     */
+    async open(mode = ModeType.DEFAULT, product_id = null) {
+        this.hasError = false;
+        this.mode = [ModeType.AVAILABILITY, ModeType.DEFAULT].includes(mode) ? mode : ModeType.DEFAULT;
+        this.loading = !this.loadedScopes[this.mode];
+        this.setScopeValues([]);
+        salla.log('SallaScope:: opened');
+        this.modal.open();
+        if (!this.loading) {
+            this.setScopeValues(this.loadedScopes[this.mode]);
+            return this.modal.stopLoading();
+        }
+        let callback = () => mode == ModeType.AVAILABILITY ? salla.scope.getProductAvailability(product_id) : salla.scope.get();
+        return await salla.api.withoutNotifier(callback)
+            .then((resp) => {
+            if (mode == ModeType.AVAILABILITY) {
+                return this.setScopeValues(this.loadedScopes[ModeType.AVAILABILITY] = resp.data);
+            }
+            this.setScopeValues(this.loadedScopes[this.mode] = resp.data.scopes);
+        }).catch(e => {
+            console.log(e);
+            this.hasError = true;
+        })
+            .finally(() => {
+            this.modal.stopLoading();
+            this.loading = false;
+        });
+    }
+    /**
+     * Submit form to change exsiting scope.
+     */
+    async handleSubmit() {
+        let payload = { 'id': this.current_scope.id };
+        this.changeBtn.load();
+        return await salla.scope.change(payload)
+            .then(() => {
+            salla.storage.set("branch-choosed-before", true);
+            salla.storage.set("scope", {
+                'type': this.current_scope.type,
+                'id': this.current_scope.id
+            });
+            salla.cart.reset();
+            window.location.replace(salla.helpers.addParamToUrl('scope', this.current_scope.id));
+        }).catch(e => console.log(e))
+            .finally(() => {
+            this.changeBtn.stop();
+        });
+    }
+    setScopeValues(value) {
+        this.scopes = value;
+        this.originalScopesList = value;
+        if (value?.length == 1) {
+            this.current_scope = value[0];
+            this.selected_scope = value[0];
+            this.scopes = [value[0]]; // Just to make sure it's consistent, might not have that much effect though.
+        }
+        else {
+            this.current_scope = value?.find(scope => scope.selected);
+            this.selected_scope = value?.find(scope => scope.selected);
+        }
+    }
+    handleSearchFieldTyping(e) {
+        let value = e.target.value.toLocaleLowerCase();
+        if (!!value) {
+            this.scopes = this.originalScopesList.filter(scope => scope.name.toLowerCase().includes(value));
+        }
+        else {
+            this.scopes = this.originalScopesList;
+        }
+    }
+    handleScopeSelection(event) {
+        this.current_scope = this.scopes?.find(scope => scope.id == event.target.value);
+    }
+    placeholderContent() {
+        return h("salla-placeholder", { alignment: "center", class: "s-scopes-placeholder" }, h("span", { slot: "title" }, salla.lang.get("blocks.scope.branch_looking_for_not_found")), h("span", { slot: "description" }, salla.lang.get("blocks.scope.our_services_not_available_in_this_branch")));
+    }
+    defaultContent() {
+        return [h("div", { class: "s-scopes-container s-scrollbar" }, this.scopes?.map((scope) => h("div", { class: "s-scopes-input-wrap", "data-selection": this.selection }, h("input", { id: `${this.selection} + '_scope_' + ${scope.id}`, name: "lang", type: "radio", value: scope.id, onChange: (event) => this.handleScopeSelection(event), class: "s-scopes-input", checked: !!this.current_scope && this.current_scope.id == scope.id }), h("label", { htmlFor: `${this.selection} + '_scope_' + ${scope.id}`, class: "s-scopes-label s-scopes-clickable" }, h("span", null, scope.name))))), this.footerContent()];
+    }
+    availabilityContent() {
+        return h("div", { class: "s-scopes-container" }, this.scopes?.map((scope) => h("div", { class: "s-scopes-input-wrap", "data-selection": this.selection }, h("h2", { class: { "s-scopes-label": true, "s-scopes-clickable": this.mode === ModeType.DEFAULT } }, h("span", null, scope.name)), h("h2", { style: { 'color': scope?.availability?.color }, class: `s-scopes-${scope?.availability?.key}` }, scope?.availability?.label))));
+    }
+    footerContent() {
+        return h("div", { class: "s-scopes-footer" }, h("slot", { name: "footer" }, h("salla-button", { ref: btn => this.changeBtn = btn, disabled: !this.current_scope, onClick: () => this.handleSubmit(), class: "s-scopes-submit", "loader-position": "center", width: "wide" }, salla.lang.get('common.elements.confirm'))));
+    }
+    //let's wait to salla to be ready then render it.
+    componentWillLoad() {
+        return salla.onReady();
+    }
+    render() {
+        return (h(Host, { key: '0f85dc5ec5bed28a4087226cff76eb63c70b83a4' }, h("salla-modal", { key: 'cdb992873dfac3920a9884ab088679687833118a', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
+            h("div", { slot: "loading" }, h("div", { class: "s-scopes-skeleton" }, h("salla-list-tile", { class: "s-scopes-header" }, h("div", { slot: "icon", class: "s-scopes-header-icon" }, h("salla-skeleton", { type: "circle" })), h("div", { slot: "title", class: "s-scopes-header-title mb-5" }, h("salla-skeleton", { height: '15px', width: '50%' })), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, h("salla-skeleton", { height: '10px' }), h("salla-skeleton", { height: '10px', width: '75%' }))), h("div", { class: "s-scopes-skeleton-search" }, h("salla-skeleton", { height: '10px', width: '50%' }), h("salla-skeleton", { height: '30px', width: '100%' })), h("div", { class: "s-scopes-skeleton-scopes" }, h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' })), h("div", { class: "s-scopes-skeleton-btn" }, h("salla-skeleton", { height: '40px', width: '100%' }))))
+            :
+                [h("salla-list-tile", { class: this.originalScopesList?.length ? "s-scopes-header block" : "s-hidden" }, h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), h("div", { class: "s-scopes-wrap" }, !!this.originalScopesList?.length && h("h4", { class: "s-scopes-title" }, this.getFormTitle()), this.originalScopesList?.length > this.searchDisplayLimit ?
+                        h("div", { class: "s-scopes-search-wrapper" }, h("div", { class: "s-scopes-search-icon", innerHTML: Search }), h("input", { type: "text", class: "s-scopes-search-input", onInput: e => this.handleSearchFieldTyping(e), enterkeyhint: "search", placeholder: salla.lang.get('blocks.scope.searching_for_a_branch') }))
+                        : "", this.hasError || (!this.originalScopesList?.length && this.mode !== ModeType.AVAILABILITY) ?
+                        this.placeholderContent()
+                        : this.mode === ModeType.DEFAULT ? this.defaultContent() : this.availabilityContent())])));
+    }
+    async componentDidLoad() {
+        await Salla.hooks.registerComponent('salla-scopes', this);
+        // * Note: Do not auto open scopes modal in mobile app
+        const isMobileApp = salla.config.isMobileApp();
+        if (isMobileApp)
+            return;
+        if (!this.isOpenedBefore && this.selection == 'mandatory') {
+            this.open();
+        }
+    }
+    static get style() { return sallaScopesCss; }
+}, [4, "salla-scopes", {
+        "selection": [1],
+        "searchDisplayLimit": [2, "search-display-limit"],
+        "translationLoaded": [32],
+        "mode": [32],
+        "current_scope": [32],
+        "scopes": [32],
+        "originalScopesList": [32],
+        "selected_scope": [32],
+        "isOpenedBefore": [32],
+        "hasError": [32],
+        "loading": [32],
+        "close": [64],
+        "open": [64],
+        "handleSubmit": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-scopes", "salla-button", "salla-list-tile", "salla-loading", "salla-modal", "salla-placeholder", "salla-skeleton"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-scopes":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaScopees);
+            }
+            break;
+        case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "salla-list-tile":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "salla-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "salla-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "salla-placeholder":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-skeleton":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaScopes = SallaScopees;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaScopes, defineCustomElement };