@salla.sa/twilight-components 2.14.401 → 2.14.403

package/dist/components/salla-reward-details2.js

@@ -0,0 +1,266 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { b as brand_path, c as closeModals, f as formattedPointsJsx } from './functions.js';
+import { l as loyaltyProgramIcon } from './gift.js';
+import { T as Tag } from './tag.js';
+import { I as IconVerified } from './check.js';
+import { C as Cancel } from './cancel.js';
+import { T as TrackedPromise } from './tracked-promise.js';
+import { d as defineCustomElement$h } from './salla-add-product-button2.js';
+import { d as defineCustomElement$g } from './salla-badge2.js';
+import { d as defineCustomElement$f } from './salla-button2.js';
+import { d as defineCustomElement$e } from './salla-count-down2.js';
+import { d as defineCustomElement$d } from './salla-loading2.js';
+import { d as defineCustomElement$c } from './salla-modal2.js';
+import { d as defineCustomElement$b } from './salla-product-availability2.js';
+import { d as defineCustomElement$a } from './salla-product-card2.js';
+import { d as defineCustomElement$9 } from './salla-products-slider2.js';
+import { d as defineCustomElement$8 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$7 } from './salla-quick-buy2.js';
+import { d as defineCustomElement$6 } from './salla-reward-action2.js';
+import { d as defineCustomElement$5 } from './salla-slider2.js';
+import { d as defineCustomElement$4 } from './salla-tab-content2.js';
+import { d as defineCustomElement$3 } from './salla-tab-header2.js';
+import { d as defineCustomElement$2 } from './salla-tabs2.js';
+import { d as defineCustomElement$1 } from './salla-tel-input2.js';
+
+const sallaLoyaltyProgramCss = "";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const c = (...args) => args.map(i => 's-loyalty-program-' + i).join(' ');
+const SallaRewardDetails = /*@__PURE__*/ proxyCustomElement(class SallaRewardDetails extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.actionClick = createEvent(this, "actionClick", 7);
+        this.refreshKey = Date.now();
+    }
+    handlePrizeChange() {
+        this.refreshKey = Date.now();
+    }
+    componentWillLoad() {
+        if (this.category.status === 'idle') {
+            this.category();
+        }
+        if (this.brand.status === 'idle') {
+            this.brand();
+        }
+    }
+    getTermsAndConditions() {
+        const minimumAmount = Number((this.prize.order_minimum_amount || '0').split('.')[0]) || 0;
+        const maximumAmount = Number((this.prize.coupon_maximum_amount || '0').split('.')[0]) || 0;
+        const termsAndConditions = [];
+        if (minimumAmount) {
+            termsAndConditions.push([
+                salla.lang.get('pages.loyalty_program.order_minimum_amount'),
+                `${minimumAmount} ${salla.lang.get(`currency.${(salla.config.get('user.currency_code') || '').toLowerCase()}`)}`,
+            ]);
+        }
+        if (maximumAmount) {
+            termsAndConditions.push([
+                salla.lang.get('pages.loyalty_program.coupon_maximum_amount'),
+                `${maximumAmount} ${salla.lang.get(`currency.${(salla.config.get('user.currency_code') || '').toLowerCase()}`)}`,
+            ]);
+        }
+        return termsAndConditions;
+    }
+    findItems(ids) {
+        if (!ids?.length)
+            return [];
+        const brands = this.brand.data;
+        const categories = this.category.data;
+        return brands.concat(categories).filter(i => ids.includes(i.id));
+    }
+    getIncludedItems(items, ids) {
+        return items?.length ? items : this.findItems(ids);
+    }
+    getProductIds(ids) {
+        return ids || [];
+    }
+    getItemsMarkers(key) {
+        if (key === 'both') {
+            return this.getItemsMarkers('included') + this.getItemsMarkers('excluded');
+        }
+        return [
+            this.prize[`${key}_product_ids`]?.length || 0,
+            this.prize[`${key}_brand_ids`]?.length || 0,
+            this.prize[`${key}_category_ids`]?.length || 0,
+        ].map(Boolean).map(Number).join('');
+    }
+    getItemsMarkersText() {
+        // Check if prize type is free_shipping
+        if (this.prize.key === 'FREE_SHIPPING') {
+            return salla.lang.get('pages.loyalty_program.redeem_for_free_shipping');
+        }
+        switch (this.getItemsMarkers('included')) {
+            case '001':
+                return salla.lang.get('pages.loyalty_program.redeem_on_specific_products');
+            case '010':
+                return salla.lang.get('pages.loyalty_program.redeem_on_specific_brands');
+            case '100':
+                return salla.lang.get('pages.loyalty_program.redeem_on_specific_categories');
+            case '000':
+                return salla.lang.get('pages.loyalty_program.redeem_on_all_products');
+            default:
+                return salla.lang.get('pages.loyalty_program.redeem_on_specific_products');
+        }
+    }
+    getCategoriesJsx(items, title) {
+        return !items.length ? '' : h("div", { class: c('reward-details-categories-wrapper') }, h("div", { class: c('reward-details-categories') }, h("h2", { class: c('reward-details-categories-heading') }, title), h("ul", { class: c('reward-details-categories-list') }, items.map((category) => (h("li", null, h("a", { href: category.url || category.lingual_urls?.[0], class: c('reward-details-categories-item') }, h("span", { innerHTML: Tag }), h("span", { class: c('reward-details-categories-item-content') }, category.name))))))));
+    }
+    getBrandsJsx(items, title) {
+        return !items.length ? '' : h("div", { class: c('reward-details-items-brands', 'slider-arrows-edges') }, h("div", null, h("h2", null, title), h("salla-slider", { id: `brands-${items.map(({ id }) => id).join('-')}`, "slider-config": '{"loop":false,"slidesPerView":"auto","spaceBetween":10}' }, h("div", { slot: "items" }, items.map((brand) => (h("a", { href: salla.url.get(brand_path(brand)), class: c('reward-brand-item') }, h("img", { src: brand.logo || salla.url.cdn('images/s-empty.png'), alt: "" }))))))));
+    }
+    getProductsJsx(items, title) {
+        return !items?.length ? '' : h("div", { class: "s-loyalty-program-reward-details-items-products s-loyalty-program-slider-arrows-edges" }, h("h2", null, title), h("salla-products-slider", { source: "selected", sourceValue: JSON.stringify(items), "slider-config": '{"loop":false,"slidesPerView":"auto","freeMode":true,"spaceBetween":0,"breakpoints":{"768":{"slidesPerView":3,"freeMode":false,"speed":300}}}' }));
+    }
+    render() {
+        const termsAndConditions = this.getTermsAndConditions();
+        return (h("div", { key: '3140551c4bcc64429a2f820ae9f915f19f6d3a77', class: "s-loyalty-program-reward-modal" }, h("div", { key: 'b193833caee8153c71b6c9f6af95358503afa103', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '0567985c10193a8eba6570bda8abf4aefa75657a', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
+            : h("button", { class: "s-loyalty-program-back-btn", onClick: () => closeModals(() => salla.event.dispatch('modal::open', 'loyalty-rewards-modal')) }, h("span", { class: {
+                    'sicon-arrow-right': document.documentElement.getAttribute('dir') === 'rtl',
+                    'sicon-arrow-left': document.documentElement.getAttribute('dir') === 'ltr',
+                } })), this.prize.name)), h("div", { key: '66bb25eadb6c640b4c661b6b3e227b4b8ef4f40d', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '1cc1c1c121240fab3ccd32bce176deec378ef3fd', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '81f43a0c61ed0889810efa2cf4447477c2b08094', class: "s-loyalty-program-aspect-container" }, h("img", { key: 'eb09214a175e8484dfc6c870492e49e3e28cbe42', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: '2ce3001371ab69c73453957f6dfb066710d88edd', size: "sm", bg: "light" }, h("span", { key: '459b58a09e6f59314c83f7d1a5baf6c559f02bd1', innerHTML: loyaltyProgramIcon }), h("span", { key: '1cd0a85c1d2b9cdf1430e90bd12bbe83f1b05813', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.prize.cost_points)))), !termsAndConditions.length ? '' : h("div", { class: "s-loyalty-program-terms-and-conditions" }, h("h1", { class: "s-loyalty-program-terms-and-conditions-heading" }, salla.lang.get('pages.loyalty_program.terms_and_conditions')), h("ul", { class: "s-loyalty-program-terms-and-conditions-list" }, termsAndConditions.map(([title, points]) => (h("li", { class: "s-loyalty-program-terms-and-conditions-item" }, h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, title), h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, points)))))), h("div", { key: 'a25d46f6a961844efd8f920bf5e4e1fd836cb460', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: '4cf3e9e123993f6be8fb67df243156996b2a6fdd', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: 'd658e9aea4384bc89a7a4cae956e90844092894a', class: "s-loyalty-program-reward-info-message-content" }, this.getItemsMarkersText())), (this.prize.key === 'FREE_SHIPPING' || this.getItemsMarkers('both') === '000000') ? '' : h("div", { class: "s-loyalty-program-reward-details" }, h("salla-tabs", { key: this.refreshKey }, this.getItemsMarkers('included') === '000' ? '' : [
+            h("salla-tab-header", { slot: "header", name: "included", style: {
+                    display: this.getItemsMarkers('excluded') === '000' ? 'none' : 'block',
+                } }, h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: IconVerified }), h("span", null, salla.lang.get(`pages.loyalty_program.included`))),
+            h("salla-tab-content", { slot: "content", name: "included" }, h("div", { class: "s-loyalty-program-reward-details-items-wrapper" }, this.getCategoriesJsx(this.getIncludedItems(this.prize.categories, this.prize.included_category_ids), salla.lang.get('pages.loyalty_program.included_categories')), this.getBrandsJsx(this.getIncludedItems(this.prize.brands, this.prize.included_brand_ids), salla.lang.get('pages.loyalty_program.included_brands')), this.getProductsJsx(this.getProductIds(this.prize.included_product_ids), salla.lang.get('pages.loyalty_program.included_products')))),
+        ], this.getItemsMarkers('excluded') === '000' ? '' : [
+            h("salla-tab-header", { slot: "header", name: "excluded", style: {
+                    display: this.getItemsMarkers('included') === '000' ? 'none' : 'block',
+                } }, h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: Cancel }), h("span", null, salla.lang.get(`pages.loyalty_program.excluded`))),
+            h("salla-tab-content", { slot: "content", name: "excluded" }, h("div", { class: "s-loyalty-program-reward-details-items-wrapper" }, this.getCategoriesJsx(this.getIncludedItems(this.prize.excludedCategories, this.prize.excluded_category_ids), salla.lang.get('pages.loyalty_program.excluded_categories')), this.getBrandsJsx(this.getIncludedItems(this.prize.excludedBrands, this.prize.excluded_brand_ids), salla.lang.get('pages.loyalty_program.excluded_brands')), this.getProductsJsx(this.getProductIds(this.prize.excluded_product_ids), salla.lang.get('pages.loyalty_program.excluded_products')))),
+        ]))), h("salla-reward-action", { key: '3b355609aa30f12d0fae5a95681d19b62193113d', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
+    }
+    static get watchers() { return {
+        "prize": ["handlePrizeChange"]
+    }; }
+    static get style() { return sallaLoyaltyProgramCss; }
+}, [0, "salla-reward-details", {
+        "prize": [16],
+        "refreshKey": [32]
+    }, undefined, {
+        "prize": ["handlePrizeChange"]
+    }]);
+__decorate([
+    TrackedPromise(async () => {
+        return (await salla.product.api.categories()).data;
+    }, { initialData: [] })
+], SallaRewardDetails.prototype, "category", void 0);
+__decorate([
+    TrackedPromise(async () => {
+        return (await salla.api.request('/brands')).data;
+    }, { initialData: [] })
+], SallaRewardDetails.prototype, "brand", void 0);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-reward-details", "salla-add-product-button", "salla-badge", "salla-button", "salla-count-down", "salla-loading", "salla-modal", "salla-product-availability", "salla-product-card", "salla-products-slider", "salla-progress-bar", "salla-quick-buy", "salla-reward-action", "salla-slider", "salla-tab-content", "salla-tab-header", "salla-tabs", "salla-tel-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-reward-details":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaRewardDetails);
+            }
+            break;
+        case "salla-add-product-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "salla-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "salla-count-down":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "salla-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "salla-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "salla-product-availability":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "salla-product-card":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "salla-products-slider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "salla-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "salla-quick-buy":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "salla-reward-action":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "salla-slider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "salla-tab-content":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "salla-tab-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-tabs":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "salla-tel-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SallaRewardDetails as S, defineCustomElement as d };

package/dist/components/salla-reward-exchange.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaRewardExchange extends Components.SallaRewardExchange, HTMLElement {}
+export const SallaRewardExchange: {
+    prototype: SallaRewardExchange;
+    new (): SallaRewardExchange;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/salla-reward-exchange.js

@@ -0,0 +1,9 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { S as SallaRewardExchange$1, d as defineCustomElement$1 } from './salla-reward-exchange2.js';
+
+const SallaRewardExchange = SallaRewardExchange$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaRewardExchange, defineCustomElement };

package/dist/components/salla-reward-exchange2.js

@@ -0,0 +1,81 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as closeModals } from './functions.js';
+import { l as loyaltyProgramIcon } from './gift.js';
+import { T as TrackedPromise } from './tracked-promise.js';
+import { d as defineCustomElement$1 } from './salla-loading2.js';
+
+const sallaLoyaltyProgramCss = "";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const SallaRewardExchange = /*@__PURE__*/ proxyCustomElement(class SallaRewardExchange extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.productId = null;
+    }
+    reset(timeout = 0) {
+        setTimeout(() => {
+            closeModals();
+        }, timeout);
+    }
+    async handleConfirm() {
+        try {
+            await this.exchange(this.prize.id, null, this.productId);
+            this.reset(300);
+        }
+        catch (error) {
+            salla.logger.error(error);
+            // Do NOT close the modal; let the error state render so the user sees feedback.
+        }
+    }
+    handleCancel() {
+        this.reset(0);
+    }
+    render() {
+        return (h(Host, { key: 'b5b9a966f28520c30917887621e2358fdb9530be' }, h("div", { key: '4e87e3d0530a7fca6db1bf09fd1b059b85e56f10', class: "s-loyalty-program-exchange-heading" }, h("div", { key: '73b9aa3106336e8cdc81ce78371b3efc47b5c569', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '0e6c488afa39784a40bfed2f1d180fc48664a81a', innerHTML: loyaltyProgramIcon })), h("h2", { key: '7740e27318379264905ff695e0c0cf13b54800d0' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '81a7ba841e3e26c7c9fc1054745ad163cc347db7' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: '0f5d68dbe2de661c2aad02d237d3098349e94120' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: '1daa10a1843938166c6834d0369edfe7e06dd54e' }, "(", this.prize.name, ")"))), h("div", { key: '42384b2df2cbb3775ccc6f7a017d9ef9f770baf5', class: "s-loyalty-program-exchange-btns" }, h("button", { key: 'b90b95adae80a9bcb47c0d039ea8bd9399ee5bc5', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-confirm", onClick: () => this.handleConfirm() }, h("span", { key: 'c108973d9729265fb35a0d0fa781d525388a4c12', style: {
+                opacity: this.exchange.status !== 'pending' ? '1' : '0',
+            } }, salla.lang.get('common.elements.confirm')), h("span", { key: '302a31b9095d153b4662ada13d45cdb6b15664ad', class: "s-loyalty-program-exchange-loading", style: {
+                opacity: this.exchange.status === 'pending' ? '1' : '0',
+            } }, h("salla-loading", { key: '3e305da32d469f6ec874c128a1fd68356280dc69', color: "primary", size: 24 }))), h("button", { key: '466f8cfea3e370bce9466e9571f4567fb5a7966d', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-cancel", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
+    }
+    static get style() { return sallaLoyaltyProgramCss; }
+}, [0, "salla-reward-exchange", {
+        "prize": [16],
+        "productId": [2, "product-id"]
+    }]);
+__decorate([
+    TrackedPromise(async (...args) => await salla.loyalty.exchange(...args))
+], SallaRewardExchange.prototype, "exchange", void 0);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-reward-exchange", "salla-loading"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-reward-exchange":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaRewardExchange);
+            }
+            break;
+        case "salla-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SallaRewardExchange as S, defineCustomElement as d };

package/dist/components/salla-scopes.js

@@ -165,7 +165,7 @@ const SallaScopees = /*@__PURE__*/ proxyCustomElement(class SallaScopees extends
         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 ?
+        return (h(Host, { key: '496e4e55483fee5b91818a760adb95d606b0d146' }, h("salla-modal", { key: '2e0e7c2967a0a05068aad712774cd089984fb957', 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 ?

package/dist/components/salla-search.js

@@ -132,10 +132,10 @@ const SallaSearch$1 = /*@__PURE__*/ proxyCustomElement(class SallaSearch extends
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = (h("div", { key: 'a403e7257b398cce5c26c61f55e143775575bb7b', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '3c3d523d181ec1c7b4e9d9e05988d1d2a4e0362d', class: "s-search-input-wrapper" }, h("span", { key: '86a8bcf0ab96c8818fc940d7ed4cfd70429ee2c1', class: "s-search-icon-wrap" }, h("span", { key: '0bacbc11b2b9c63c2167e79f46c73cb80804869a', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '766e7ae8ce9c2bdcf984d76c47a234ba5dc60d43', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => (this.searchInput = input), style: {
+        const searchContent = (h("div", { key: 'c1ac55ddb93b42cb84c30c0248be8949afef39df', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '6bdecb7d3511a5c97b4bb52860dcd050dc943573', class: "s-search-input-wrapper" }, h("span", { key: '93a0cd39aef09955e72657ba32a7ac1d4c6bdb7b', class: "s-search-icon-wrap" }, h("span", { key: '435ca7f22ba4d93eafe9fde32a7e62a55340e6a8', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '0acb71b9b5fe6681d33e7838ff14bbdee6159ccc', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => (this.searchInput = input), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
-            } }), this.showAction ? (h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search }))) : null), h("div", { key: '307c8fc64860af188bf1f1ba6eea480c357ac46d', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
+            } }), this.showAction ? (h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search }))) : null), h("div", { key: '9fc770575d0deeafda11f85aeb420a66cc2c2f64', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
                 's-search-product': true,
                 's-search-product-not-available': !product.is_available,
             }, innerHTML: this.productSlot
@@ -144,9 +144,9 @@ const SallaSearch$1 = /*@__PURE__*/ proxyCustomElement(class SallaSearch extends
                 .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price
                 ? salla.money(product.regular_price)
                 : '')
-                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: 'b0971a0eb27a98f2e4e53da6462b0a8fa1b7fa42', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
-        const modalContent = (h("salla-modal", { key: '9394500f337c06afad44d5202e8e84dc2feb317f', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
-        const placeholderContent = (h("div", { key: 'f092b80ca35842209eae7b1ef143619d2a718229', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: '020d98faaa926578057e49734d7f11077a0b933b', class: "s-search-input-wrapper" }, h("span", { key: '44b6f78b74952d562efcb6dcd652432b5b1a7053', class: "s-search-icon-wrap" }, h("span", { key: 'd4e4166510cc4d38e53668f0f4f3995861a65d24', class: "s-search-icon", innerHTML: Search })), h("button", { key: '615e5dd776936c182fa7f50efaebbe5fa0fb7c61', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
+                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: '31de1c46ae9ea8dce146f7a5e3b10eb61781a5e9', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
+        const modalContent = (h("salla-modal", { key: '14efe319f3f844b2f3a1759a7f860b4dc3652570', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
+        const placeholderContent = (h("div", { key: 'affda57d4ae84ea36e215bc17bc328b9f1a5a8de', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: '51f3e2afd425459365887b4e7c1ef2da4433dbe8', class: "s-search-input-wrapper" }, h("span", { key: '79ed8316f06548aecb3a76384835e64e72330917', class: "s-search-icon-wrap" }, h("span", { key: 'ba690f7b674dac90062ed2328c6396933c4ac872', class: "s-search-icon", innerHTML: Search })), h("button", { key: 'ac57df999004b21e1469978f9963aceded386d9d', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
             } }, salla.lang.get('blocks.header.search_placeholder'))), modalContent));

package/dist/components/salla-skeleton2.js

@@ -27,7 +27,7 @@ const SallaSkeleton = /*@__PURE__*/ proxyCustomElement(class SallaSkeleton exten
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: '366d9fcd96b22edc9b5cdc07f8d8367fdbc5c574', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: 'b4ad9adc7d8ce69aeaeaa1cf287726fa69018730', class: classes }, "\u00A0")));
+        return (h(Host, { key: '8f574f21608fb5177c8a5d7e0d84d1c1065e49a4', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '6c86b14ec10c5ccea8f336ab87fb433c49104149', class: classes }, "\u00A0")));
     }
     static get style() { return sallaSkeletonCss; }
 }, [0, "salla-skeleton", {

package/dist/components/salla-social-share.js

@@ -150,7 +150,7 @@ const SallaSocialShare$1 = /*@__PURE__*/ proxyCustomElement(class SallaSocialSha
         window.a2a?.init('page');
     }
     render() {
-        return (h("div", { key: 'e9f050078f7be9b5b000d4703e0e2f2394c7860c', class: "s-social-share-wrapper" }, h("slot", { key: 'aec685219966868f2332a9060b94346fa361b53c', name: 'widget' }, h("salla-button", { key: '4daf053aa6594659c17df827555633e0f95f8007', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '1d85fcea2fbc80c2b9c7d70cfc86263dcd109a82', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '42cf458f62c4eac7509f66ba3a8a4e209698c392', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
+        return (h("div", { key: '49da8d5e8066550792640f4677eb43f762fbecbe', class: "s-social-share-wrapper" }, h("slot", { key: 'ee7ef614fe373217829caa31f0eb9526e6695d93', name: 'widget' }, h("salla-button", { key: '53c41b4185b19a08cdadc4ce30baed08dd95d638', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'dae3c709e895a8e023bfc8aff490e52ea0e8e19a', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '64fda7434bbe22a0cbae61273b61a67528c441c7', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
             return (h("li", null, h("a", { class: `a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, this.platformIcons.map((icon) => {
                 if (icon.name === platform) {
                     return h("span", { class: "s-social-share-icon", innerHTML: icon.icon });

package/dist/components/salla-social.js

@@ -56,7 +56,7 @@ const SallaSocial$1 = /*@__PURE__*/ proxyCustomElement(class SallaSocial extends
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: '68bd517787b0ebddf10cc44d9dd8b21c4185ca24' }, h("ul", { key: '77fcfb2b61014f53880bd8f833780eaaac9db5d7', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
+        return (h(Host, { key: 'a0b31aa06db07b8b4018b8d178dc27726eddb43e' }, h("ul", { key: 'b758199092ddf7c0e0b384f3f118d00c239104dd', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
                 .replace(/\{icon\}/g, this.iconsList[link.type])
                 .replace(/\{type\}/g, link.type)
                 .replace(/\{link\}/g, link.value.toString()) })))))));

package/dist/components/salla-tab-content2.js

@@ -32,7 +32,7 @@ const SallaTabContent = /*@__PURE__*/ proxyCustomElement(class SallaTabContent e
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '13737e2a7a7bce59e8ddc38b3b4d5159a4aa67be', class: classes }, h("slot", { key: '56dbae26f78adaf732311a06ec7f9f70e3d4eb2d' })));
+        return (h("div", { key: 'f2deb9c1508aafe3aff5352094cccc97bdcd42ef', class: classes }, h("slot", { key: '460588864047444acdb06e757a7124d28935c24b' })));
     }
     static get style() { return sallaTabContentCss; }
 }, [4, "salla-tab-content", {

package/dist/components/salla-tab-header2.js

@@ -58,7 +58,7 @@ const SallaTabHeader = /*@__PURE__*/ proxyCustomElement(class SallaTabHeader ext
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: '4c2cba9724d8f130fbf44e50f4dcb27e5a2b4a7c', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'e03cda2c201eef0f33ea21e99144b70beee4c998' })),
+            h("div", { key: '153247ab5a7c73819ccc506a45e60b9c084c391c', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '417a3ae0c0aec8a965b5d3be9a4f917f290d2109' })),
         ];
     }
     static get style() { return sallaTabHeaderCss; }

package/dist/components/salla-tabs2.js

@@ -51,7 +51,7 @@ const SallaTabs = /*@__PURE__*/ proxyCustomElement(class SallaTabs extends HTMLE
     }
     render() {
         return [
-            h("div", { key: '49df0b08c12cc094afbcbdc106b02a9766a5b8e4', class: "s-tabs" }, h("div", { key: '02979fdfce4e6ada2caafd6a165b241b885e05b0', class: "s-tabs-header" }, h("slot", { key: '9919372225fd8be367648689337476f9dacc4ca4', name: "header" })), h("div", { key: '021f811beb02ebb93c788f989dfc39d994261caa', class: "s-tabs-content-wrapper" }, h("slot", { key: '5a5670d0be835306dfc29771b58d022bd092d057', name: "content" })))
+            h("div", { key: 'ae50836f68ee92459720fa9bf00d73848d849627', class: "s-tabs" }, h("div", { key: '55e8186e80381902269f9bad5738d9a555f71d37', class: "s-tabs-header" }, h("slot", { key: '46ce3e1ea75f92165b3d5ee7c16f19f8693f6d31', name: "header" })), h("div", { key: '3669e643abb37ed2edca73fc0577822a3f7fbb90', class: "s-tabs-content-wrapper" }, h("slot", { key: '2cf8b79f44630e21103991325ceff2cd3a4019ba', name: "content" })))
         ];
     }
     get host() { return this; }

package/dist/components/salla-tel-input2.js

@@ -129,7 +129,7 @@ const SallaTelInput = /*@__PURE__*/ proxyCustomElement(class SallaTelInput exten
         }
     }
     render() {
-        return (h(Host, { key: '5b795b0844e986b7d0593b186eaf855ea1ad5823', class: "s-tel-input" }, h("input", { key: '699ff801a8b2effdadcbcf6f9389e20e621a9e91', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: 'cdb37fbc3f0d914de7a70bf2cf6daddc0f46e739', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '1a3a004ef9e663c040c7fb6b7c9fad55cfef67c3', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '278424c0918dc3c4b6aac8da5817376d784995ac', class: "s-tel-input" }, h("input", { key: '00ff8ed40ff9aabe9bea6cfd43c41f5b2cfc5529', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: '68e791d4d1b6490a84a3ef31c75f41be90ac5bb6', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '415e6521c2ef756ebabbeb4610c06158e255320d', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();

package/dist/components/salla-tooltip2.js

@@ -32,7 +32,7 @@ const SallaTooltip = /*@__PURE__*/ proxyCustomElement(class SallaTooltip extends
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (h("div", { key: '45009eb13b1d0a1eb045b3af83c951e0710f2ec7', class: "s-tooltip-container" }, h("div", { key: 'd0f004819d8d235e79544d5bd55dc58f5991decd', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
+        return (h("div", { key: 'e5e8f78265e0abb1d4130fd084573c6cff1ecb2c', class: "s-tooltip-container" }, h("div", { key: '4dc98906dfd28c6e2d97b51329c07046eb15179c', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
     }
     get el() { return this; }
     static get style() { return sallaTooltipCss; }

package/dist/components/salla-user-settings.js

@@ -83,7 +83,7 @@ const SallaUserSettings$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserSett
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (h(Host, { key: '35629ae7a818db4d058b5de6a4ad7a2410fd769a', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '088ff650127df0e6e4fda37dc9769ebe7a050cfa', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'dc71e681761440cb875d3de11b3d1a13def55a5c' }, h("div", { key: '44b1c2e02b981712467b5d494e1d8e8c30cefc5d', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'cb4f89d7f81526be268ac7ac7cf407f458eee32a', innerHTML: UserCancel })), h("div", { key: '2be07d40cd1b2082e08f391d43f6fb292e707c51', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'ab4702331a6b59f974794e1c6f95505541273db7', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '92615b95a6f669e4925a17b6a11ef9146d182d62', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'd99cd97d0baf75c75fc8e2ba6fd403109295658f', class: "s-toggle" }, h("input", { key: '52997c851e7ffff021d267d9cc839d19a1b940b9', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: 'f2418d8595800b8e2af231aab82714137bad4e5c', class: "s-toggle-switcher" }))))), h("div", { key: 'ca9641927d0c2e09345078a16e06445f1961d05d', class: "s-user-settings-section" }, h("salla-list-tile", { key: '55075a73c15fda0fb94291e41d528b066d2a808d' }, h("div", { key: '20e5894110f485f2ed75fdc6f0d54b647d1d4a48', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'c616fe981cd2a7ceb8090c44fe353b5504f5b0e1', innerHTML: Bullhorn })), h("div", { key: 'c1dc47211d07cc1ea25e2ce284f460c2eb6d4f7b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '185e058888078b556a359acb6cc1ae080f01ad81', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'f54597f7f3c9126c57d34a5aba3ccd84752efbea', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '3386b76fc2d590b3a3734716429a8317a80fcc0b', class: "s-toggle" }, h("input", { key: 'd2d9ce3f8e3110715d84e9b407b878e341567fc6', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '267b474fb32cbabdf53ff8fd2fe69df87875819d', class: "s-toggle-switcher" }))))), h("div", { key: '80d86e89c87bceddddd461faeede4dfc8f4b3301', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: 'b95c175905cde9d4fae8487d1a85329db890873f' }, h("div", { key: '1e32b08bceb6bf299ea1e59545d7c539cb2ddce1', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'f1322819a6f07dff92f9956c0149b173f283407e', innerHTML: UserOff })), h("div", { key: '5d2ddaf6c03c8809f7e86b33fa421e73d048957e', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '0578e54cc49334ad081641b2ccd5b98d81e547ed', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '30d6697be785def178352999d437f67798a03ed5', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'b0ecec87180902892081999d0c96da33cda58d26', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: 'b2015afb2f495f080d6757a57408ccd3e823b1ed', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: 'e9391b722fe6c23853664cd5558c289e7fff427a', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'fffaa51055598f66f479e90676649eac4a06148c', class: "s-user-settings-confirmation" }, h("div", { key: '2d7044a63ada034d44de97a875903967de4fa7f0', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'f79c44b10a20b187c4f5a849b7e40c3c71eb0194', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'b41c685894464f38f8a590482532a46851702ee7', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '3520e6c0bd7475a6ad3b004ec0a20c3993ebb45f', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: 'b37f8e7cd7fe59dfd4f4e1efe455e74d33d4b91e', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '7cf5f1ed489159ef1c754fc8368b390d35cc273d', class: "s-user-settings-section" }, h("salla-list-tile", { key: '961843ff5de245febf4b5d9d4a96d47b44aeaff3' }, h("div", { key: 'bdfa266ee2694e410ff2bc8d6ec31b5210e7bf08', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '8ff08646cb3b3ba8d157f07cb4d54a6f515409a7', innerHTML: UserCancel })), h("div", { key: '8030d07722d9ad730676dafd1323b93a361f91da', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'f4c524dfe45418f0dd7395e998b1c16aa951a5f9', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '74569032acb01ff1037104dcaf46f13c18c16803', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '6002a8368a587dbd8d3fd3fc1231e52ee44ebbbe', class: "s-toggle" }, h("input", { key: '2e9a622f9a670ef0f314c6183c57c851334a7df5', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: 'ca57daef65f550d53c1f947b41d3fb488bd38a95', class: "s-toggle-switcher" }))))), h("div", { key: 'b81a0200e08c0eca176060362792a45d9d7ad41e', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'ebcdac4056d21cbbd218b246cdd6c5bfa7bc2ac3' }, h("div", { key: 'df3a675745a0945498f3f45e11016f9f9c71ce6d', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'b5accc798ca95bd803f9c721f96fe62ca27e8ecf', innerHTML: Bullhorn })), h("div", { key: 'fe82c42f7586ba892f14ed7b1d2f85e19c508e8c', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'ec35e1a363a0802ab14a92b4bc8b858b9bf79c72', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'cc0d65144cfffc7fc795f3b1dde9ae6d75e827ec', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '945d030759a2ab27b9e9379d96f879d299b0a444', class: "s-toggle" }, h("input", { key: '6dd35723f4e049263193d50d1488a300e26a166e', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '1f529a32b220a0a5ba673fe41573786450e4f1b8', class: "s-toggle-switcher" }))))), h("div", { key: '9973aa99cd3944ced8e87da05a3711b9cde5faa4', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '97ea806a1c5bc6e7f08ab04cdf555173d7e2c268' }, h("div", { key: 'fa98419cd6e11598c6e230ad462501f3dd66b975', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '9bb7192d2bcdd942974a2a6e405878998e090f3c', innerHTML: UserOff })), h("div", { key: '9e79bfd50311f2ec272bc6d90224d2f81c736d8e', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '805696292b1354bf57b0f0252eabd031dc4ac5db', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '4984f94d2eef4870036d1bea837cbe16e9978d84', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '7be1eaf49fdb3df86b953a14879695c0c2eae838', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '55608c2fbfd01c328f923316aa203ebd6539ef86', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '247bb5555b3aa936ab4815f16ec332f6d922ab49', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'd8499d470dd0cce984687c9f6842970467b832a9', class: "s-user-settings-confirmation" }, h("div", { key: 'c4d98f4dc7591c53a0f4ab71fc1c7e0d446cebfc', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'abebad572dab06b497451fff00a405e4c9db5652', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'bfde878cc657d975154f6e8b73220786b3898dbf', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: 'b3334a9b6fda2aa6de6f66f610efbba8ae95910f', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get style() { return sallaUserSettingsCss; }
 }, [0, "salla-user-settings", {

package/dist/components/shipping.js

@@ -0,0 +1,11 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+var SIShipping = `<!-- 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>shipping</title>
+<path d="M31.124 13.104l-3.148-3.935c-1.273-1.591-3.171-2.503-5.207-2.503h-1.436c0-2.205-1.795-4-4-4h-13.333c-2.205 0-4 1.795-4 4v17.333c0 0.737 0.596 1.333 1.333 1.333h2.856c0.596 2.295 2.665 4 5.144 4 2.941 0 5.333-2.392 5.333-5.333s-2.392-5.333-5.333-5.333c-2.479 0-4.548 1.705-5.144 4h-1.523v-16c0-0.735 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.599 1.333 1.333v1.333c0 0.248 0.087 0.468 0.204 0.667-0.117 0.199-0.204 0.419-0.204 0.667v5.333c0 0.736 0.596 1.333 1.333 1.333h9.333v6.667h-1.333c-0.063 0-0.117 0.028-0.179 0.036-0.583-2.313-2.663-4.036-5.155-4.036-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333c2.492 0 4.572-1.723 5.155-4.036 0.061 0.008 0.116 0.036 0.179 0.036h2.667c0.737 0 1.333-0.596 1.333-1.333v-8.397c0-0.907-0.311-1.795-0.876-2.499zM9.333 21.333c1.471 0 2.667 1.196 2.667 2.667s-1.196 2.667-2.667 2.667-2.667-1.196-2.667-2.667 1.196-2.667 2.667-2.667zM21.333 13.333v-4h1.436c1.221 0 2.361 0.548 3.124 1.501l1.999 2.499zM22.667 26.667c-1.471 0-2.667-1.196-2.667-2.667s1.196-2.667 2.667-2.667 2.667 1.196 2.667 2.667-1.196 2.667-2.667 2.667z"></path>
+</svg>
+`;
+
+export { SIShipping as S };

package/dist/components/tag.js

@@ -0,0 +1,10 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+var Tag = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>tag</title>
+<path d="M28 0h-9.344c-1.059 0-2.056 0.411-2.809 1.153l-14.673 14.456c-1.56 1.56-1.561 4.097-0.001 5.657l9.56 9.56c0.755 0.755 1.76 1.172 2.828 1.173h0.003c1.068 0 2.072-0.416 2.833-1.179l14.451-14.668c0.743-0.753 1.153-1.751 1.153-2.809v-9.344c0-2.205-1.795-4-4-4zM29.333 13.344c0 0.353-0.137 0.685-0.385 0.937l-14.444 14.661c-0.252 0.252-0.587 0.391-0.941 0.391-0.001 0-0.001 0-0.001 0-0.356-0.001-0.691-0.139-0.943-0.392l-9.561-9.56c-0.52-0.52-0.52-1.365-0.005-1.88l14.667-14.449c0.253-0.248 0.585-0.385 0.937-0.385h9.344c0.736 0 1.333 0.597 1.333 1.333zM24 6.673c-0.737 0-1.333 0.604-1.333 1.341s0.596 1.333 1.333 1.333 1.333-0.596 1.333-1.333v-0.015c0-0.737-0.596-1.327-1.333-1.327z"></path>
+</svg>
+`;
+
+export { Tag as T };

package/dist/components/tracked-promise.js

@@ -0,0 +1,29 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { forceUpdate } from '@stencil/core/internal/client';
+
+function TrackedPromise(fn, options = {}) {
+    options = Object.assign({ initialData: undefined, initialStatus: 'idle' }, options);
+    return (target, propertyKey) => {
+        const trackedPromise = Object.assign(function (...args) {
+            const update = (newState) => {
+                Object.assign(this[propertyKey], newState);
+                forceUpdate(this);
+            };
+            update({ status: 'pending', error: undefined });
+            return fn.call(this, ...args).then((data) => {
+                update({ status: 'success', data, error: undefined });
+                return data;
+            }, (error) => {
+                update({ status: 'error', error });
+                return Promise.reject(error);
+            });
+        }, { status: options.initialStatus, data: options.initialData, error: undefined });
+        Object.defineProperty(target, propertyKey, {
+            value: trackedPromise,
+        });
+    };
+}
+
+export { TrackedPromise as T };