@salla.sa/twilight-components 2.14.362 → 2.14.364

package/dist/components/salla-breadcrumb.js

@@ -34,7 +34,9 @@ const SallaBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class SallaBreadcrumb
                 return;
             }
             let sessionBreadcrumbs = this.getSessionBreadcrumbs();
-            if (page.slug === "product.single" && sessionBreadcrumbs && sessionBreadcrumbs.length > 0) {
+            let lastSessionItem = sessionBreadcrumbs[sessionBreadcrumbs.length - 1];
+            let isParentCompatible = lastSessionItem?.url && page.parent?.url && lastSessionItem.url === page.parent.url;
+            if (page.slug === "product.single" && sessionBreadcrumbs && sessionBreadcrumbs.length > 0 && isParentCompatible) {
                 sessionBreadcrumbs.push({
                     title: page.title,
                     url: page.url
@@ -101,11 +103,13 @@ const SallaBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class SallaBreadcrumb
     }
     generateBreadcrumbs(page) {
         let breadcrumbs = [];
-        //TODO:: check what is the need from this?
+        // Same parent-compatibility as main path: only reuse session path when last item matches page.parent
         if (page.slug === 'product.single') {
             const previousPage = this.getSessionBreadcrumbs();
-            if (previousPage.length > 0 && previousPage[1]?.url === page.parent?.url) {
-                return this.setBreadcrumbsFromArray([...previousPage, page]);
+            const lastSessionItem = previousPage[previousPage.length - 1];
+            const isParentCompatible = lastSessionItem?.url && page.parent?.url && lastSessionItem.url === page.parent.url;
+            if (previousPage.length > 0 && isParentCompatible) {
+                return this.setBreadcrumbsFromArray([...previousPage, { title: page.title, url: page.url }]);
             }
         }
         // Start with the current page

package/dist/components/salla-conditional-offer.js

@@ -2,7 +2,8 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './salla-skeleton2.js';
+import { d as defineCustomElement$3 } from './salla-skeleton2.js';
+import { d as defineCustomElement$2 } from './salla-tooltip2.js';
 
 var DiscountType;
 (function (DiscountType) {
@@ -60,12 +61,19 @@ const SallaConditionalOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaCond
         });
     }
     getProducts() {
-        const freeProductIDs = this.offer.details.discounts.filter(({ type }) => type === DiscountType.FREE_PRODUCT).map(({ value }) => value);
+        const freeProductIDs = this.offer.details.discounts.filter(({ type }) => type === DiscountType.FREE_PRODUCT).map(({ value }) => value).filter(Boolean);
         if (freeProductIDs.length > 0) {
-            return salla.product.fetch({ source: 'selected', source_value: freeProductIDs }).then(({ data }) => {
-                data.forEach(({ id, url, image }) => {
-                    this.products[id] = { url, image };
-                });
+            return salla.product.fetch({ source: 'selected', source_value: freeProductIDs }).then((response) => {
+                const data = response?.data;
+                if (data && Array.isArray(data)) {
+                    const updatedProducts = { ...this.products };
+                    data.forEach(({ id, url, image, name, price }) => {
+                        if (id && name && image?.url && url && price !== undefined) {
+                            updatedProducts[id] = { url, image, name, price };
+                        }
+                    });
+                    this.products = updatedProducts;
+                }
             });
         }
     }
@@ -82,11 +90,21 @@ const SallaConditionalOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaCond
         };
         return this.offer;
     }
+    renderTooltip(discount) {
+        const productId = discount.value;
+        const productItem = this.products[productId];
+        const targetId = `avatar-product-${productId}`;
+        if (!productItem) {
+            salla.logger.error(`salla-conditional-offer:: there is no product with id (${discount.value})!`);
+            return null;
+        }
+        return h("salla-tooltip", { class: 'absolute left-0 -top-2', targetId: targetId, theme: "dark" }, h("div", { class: "flex gap-3 text-start" }, productItem?.image?.url && h("img", { src: productItem.image.url, alt: productItem?.image?.alt || productItem.name || "", class: "w-12 h-12 object-cover rounded-lg flex-shrink-0", loading: "lazy", decoding: "async" }), h("div", { class: "flex-1" }, h("div", { class: "leading-tight mb-1" }, productItem.name), h("div", { class: "text-xs text-gray-300", innerHTML: salla.money(productItem.price) }))));
+    }
     getCheckpointContent(discount) {
         if (discount.type === DiscountType.PERCENTAGE)
             return `${discount.value}%`;
         if (discount.type === DiscountType.FIXED)
-            return salla.money(discount.value);
+            return h("span", { innerHTML: salla.money(discount.value) });
         if (discount.type !== DiscountType.FREE_PRODUCT) {
             salla.logger.error(`salla-conditional-offer:: unexpected type (${discount.type})!`);
             return "";
@@ -125,7 +143,7 @@ const SallaConditionalOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaCond
         const isActive = discount.min_spend <= this.offer.details.current_value;
         return (h("div", { class: "s-conditional-offer-checkpoint-container" }, index > 0 ? [
             h("div", { key: "progress-line", class: "s-conditional-offer-progress-line-container" }, h("div", { class: "s-conditional-offer-progress-line-inactive" }), h("div", { class: "s-conditional-offer-progress-line-active", style: { width: `${progressPercentage}%` } })),
-            h("div", { key: "checkpoint", class: `s-conditional-offer-checkpoint ${isActive ? "s-conditional-offer-active-checkpoint" : ""}` }, h("div", { class: `s-conditional-offer-item-avatar-content ${isActive ? "active" : ""}`, innerHTML: this.products && this.getCheckpointContent(discount) }), h("div", { class: `s-conditional-offer-checkpoint-label ${isActive ? "active" : ""}`, innerHTML: this.getOfferType(discount) }))
+            h("div", { key: "checkpoint", class: `s-conditional-offer-checkpoint ${isActive ? "s-conditional-offer-active-checkpoint" : ""}` }, h("div", { class: `s-conditional-offer-item-avatar-content ${isActive ? "active" : ""}`, id: discount.type === DiscountType.FREE_PRODUCT ? `avatar-product-${discount.value}` : `avatar-${discount.value ?? index}` }, this.products && this.getCheckpointContent(discount)), this.products && discount.type === DiscountType.FREE_PRODUCT && this.renderTooltip(discount), h("div", { class: `s-conditional-offer-checkpoint-label ${isActive ? "active" : ""}`, innerHTML: this.getOfferType(discount) }))
         ] :
             h("div", { key: "label", class: { "s-conditional-offer-checkpoint-label": true, "first-checkpoint": index === 0, active: isActive }, innerHTML: this.getOfferType(discount) })));
     }
@@ -152,7 +170,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-conditional-offer", "salla-skeleton"];
+    const components = ["salla-conditional-offer", "salla-skeleton", "salla-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-conditional-offer":
             if (!customElements.get(tagName)) {
@@ -160,6 +178,11 @@ function defineCustomElement$1() {
             }
             break;
         case "salla-skeleton":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/salla-offer-modal.js

@@ -93,14 +93,27 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
         this.productID = product_id;
         //TODO:: make sure there is only one offer
         this.hasError = false;
-        this.modal.open();
+        this.modal.loading(); // Reset loading state for subsequent opens
         return await salla.api.withoutNotifier(() => salla.product.offers(product_id))
-            .then(response => this.showOffer(response.data[0]))
+            .then(response => {
+            // Check if there are offers before opening the modal
+            if (!response.data || !response.data.length) {
+                return; // Don't open modal if no offers
+            }
+            this.modal.open();
+            this.showOffer(response.data[0]);
+        })
             .catch(e => {
             this.hasError = true;
             this.errorMessage = e.response?.data?.error?.message || e.response?.data;
+            this.modal.open(); // Open modal to show error
         })
-            .finally(() => setTimeout(() => this.modal.stopLoading(), 1000));
+            .finally(() => {
+            // Only stop loading if modal was opened (either for offers or errors)
+            if (this.modal.visible) {
+                setTimeout(() => this.modal.stopLoading(), 1000);
+            }
+        });
     }
     /**
      * Show offer details
@@ -205,7 +218,7 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: '2c88abbe21015431b7e70f2369284e2f93c6fd3c', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: 'f44a915307bdc059c937d60a79a1c22a59957928', slot: 'loading' }, h("div", { key: '7b4b6f9572a2893aa5353a5ba2d4d62a2a5d8742', class: "s-offer-modal-skeleton" }, h("div", { key: 'a6b2f782cd643dc322e3f3c29a596a44fc9b1ace', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'a745dc619995820ac3a3bb9169b8a25cbceed9ea', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '7d54b0aaa14742f4dfef0e2b26d48eb24f1661c5', height: '15px', width: '50%' }), h("salla-skeleton", { key: '042349f3c34308d070f36c30ac942935da5afebe', height: '10px', width: '30%' })), h("div", { key: '691f32282147054b2dd76d1e324ddd172214cbbd', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '97cbe8b3ca1c8dde39a2c33995116a7a5d088594', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'c2f5d9d2e212e0383f6b4d159f1c9ce52c9064b7', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'c64ed16e51a4c9f302f915c025473a42d69d4490', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: '630ede1c6ac0df4aa55bd36597eb846df901d94e', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: 'd467615c5aaefc38cec4e40e4e5a7282466937d3', slot: 'loading' }, h("div", { key: 'ff17d657a94dcfe8d744e1317d8f73cab6063d11', class: "s-offer-modal-skeleton" }, h("div", { key: '81bf28f2785c0beb1ef1d4997ce064983e2211ec', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'acd8aa8be556821b4039d1b5fb6e46ef4155ac67', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '0c6855f5423a5e5bf1caf54da4f608b95b7d3f08', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'e313bac8052684ede353852821a51befb73f52b7', height: '10px', width: '30%' })), h("div", { key: '4c6a675e9c07e8e2986debd8dbecc346890ce0ca', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '226951e15be9aede559c4d24ba6f6690fac80e13', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '86ae2c54c01b3e58fd31729bc6d263dfa078f7ba', height: '15px', width: '50%' }), h("salla-skeleton", { key: '32f30f4f5bb11405901359267ab6311604f352ed', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
                     : '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),

package/dist/components/salla-scopes.js

@@ -174,7 +174,8 @@ const SallaScopees = /*@__PURE__*/ proxyCustomElement(class SallaScopees extends
                         this.placeholderContent()
                         : this.mode === ModeType.DEFAULT ? this.defaultContent() : this.availabilityContent())])));
     }
-    componentDidLoad() {
+    async componentDidLoad() {
+        await Salla.hooks.registerComponent('salla-scopes', this);
         if (!this.isOpenedBefore && this.selection == 'mandatory') {
             this.open();
         }

package/dist/components/salla-tooltip2.js

@@ -3,12 +3,16 @@
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-39%);background-color:#baf3e6;color:#004d5a;bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#baf3e6 transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}";
+const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-39%);background-color:#baf3e6;color:#004d5a;bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#baf3e6 transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}.s-tooltip-item--dark{background-color:#555555;color:white;padding:5px 15px;border-radius:8px;font-size:12px;font-weight:normal;max-width:330px;width:max-content}.s-tooltip-item--dark::after{border-color:#555555 transparent transparent transparent}";
 
 const SallaTooltip = /*@__PURE__*/ proxyCustomElement(class SallaTooltip extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+        /**
+         * The theme of the tooltip (default, dark)
+         */
+        this.theme = 'default';
         this.show = false;
         this.targetElement = null;
     }
@@ -27,13 +31,15 @@ const SallaTooltip = /*@__PURE__*/ proxyCustomElement(class SallaTooltip extends
         this.targetElement = document.getElementById(this.targetId);
     }
     render() {
-        return (h("div", { key: 'fed457c496e7926ded53c47e1f6f7783eb9da5a0', class: "s-tooltip-container" }, h("slot", { key: 'd061264ee544bb9f4ca7ec3aa03f54b84c8af1fd' }), this.show && h("div", { key: '5d4a158dce0b562cb6e3c9bc732f47dcb96c182a', class: "s-tooltip-item" }, this.text)));
+        const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
+        return (h("div", { key: '2c7bc2a1100ae31bb86f278c31b540f077384376', class: "s-tooltip-container" }, h("div", { key: '8869153f4eea6404d5ba8666e26b6d0c23cd4e76', 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; }
 }, [4, "salla-tooltip", {
         "text": [1],
         "targetId": [1, "target-id"],
+        "theme": [1],
         "show": [32]
     }, [[9, "mouseover", "handleMouseOver"], [9, "mouseout", "handleMouseOut"]]]);
 function defineCustomElement() {

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: '1a6622794c68aa483d9a2526d7c9568619145168', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '4188aabfd44edb57365f5a2d1c0910f5ec3cd447', class: "s-user-settings-section" }, h("salla-list-tile", { key: '9f9ccbb08d666a13bf19895349a17f84fbdd3fc1' }, h("div", { key: '85426ad3140db951064c29c988badc23447a238d', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'd1a386387320cf907e4645240cace32ac27a1e5b', innerHTML: UserCancel })), h("div", { key: '1310d3547da0c2dd23e254eaf1b22f1b54956ef2', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '639ef8121549e9c119def1c8012b42647249df2c', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'aa8d60ad8c61d682e2114471e6168609bb4e9cb0', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '9d8d52ec4bdfb2032649ae37823070ea0902cb9d', class: "s-toggle" }, h("input", { key: 'f263da0f32ee2682bf442253980fe68da933cb06', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '058e908fcb2a61a239ff5ae67adaa290553feb0a', class: "s-toggle-switcher" }))))), h("div", { key: '2e314b366093f06ebc8e583c17d3f2f2125cd2e7', class: "s-user-settings-section" }, h("salla-list-tile", { key: '5e2fb8520042ccbd4301b20046369f65fb292a49' }, h("div", { key: '25918c6b5402504a0683f2f6931b58e3663ba4eb', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '0d24d9ecb8f7d48d1dba9eaebaad8093210f0a57', innerHTML: Bullhorn })), h("div", { key: 'e212afc7b1ad19e0c4976e5686bc51a847e94d61', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '3f4f72fe869f7cd6f4b4df870e6af8bd1cc32088', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '6929527d156f6da1f9ca61be60b756621b7fb321', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '1f3f3c77b25f602f3a4f461da321df2bcee2a956', class: "s-toggle" }, h("input", { key: 'afd4616efa19cdf04e32fd785af72a6c96ef980c', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'ef55c0480c58c3a77b4c28980c34b89197e2c84c', class: "s-toggle-switcher" }))))), h("div", { key: '7fc42b2d9ee0c58fd210b6704f96de07cf58c703', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '35bc4e485e78f57cce3fa9d324578997bf5b5346' }, h("div", { key: 'd2643402a5f414beb388622d96352600a58e7788', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '90a634d2ff464a26f7a09df39cf0cce6f7a1ce87', innerHTML: UserOff })), h("div", { key: '3376df9d4baee75e502df2b8265328910f692708', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '1452beb1f275f905b7a1ecb7e76a4223700f7d03', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '28bc808fbd51274f587abee141f67242100aea03', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'c54e8db52d35e9ab62e2616a0dfb3a10417fcb80', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: 'a1d52fd66ed991f8411ca17b16e37d21893a2f06', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '9119095941bd2a579b27c18db025238ca652bd6b', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '3194c2236470a7da32bc065218162da80ea7713c', class: "s-user-settings-confirmation" }, h("div", { key: '718f43edf4e6a22ed23e0edaccee07fd3fa46e13', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'a87fcd03f6d97afc26f8410faacfcbbbc81cd8bb', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '366186ea98a351d1f0a1f6b3dc2eeddc18e46a33', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: 'f42dc54f7903f3e48ab8c3ac8af0d57039753cf6', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: '85b2fe2739f6ac3c55939d3cb9c87fc404413e7f', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: 'e46be8b9cb4898c9b676ee67f0750bb654bda953', class: "s-user-settings-section" }, h("salla-list-tile", { key: '48f81d5a9b511c2a8baabab2aab6ad3dcfb98370' }, h("div", { key: '9009c4d612aea7e7a6834b90f38d03d8c95bcc84', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '03f209e6e1e1adbdb130f9b80aed30f0618dd58c', innerHTML: UserCancel })), h("div", { key: 'fb02ca2387806135ac3f074f0a9f30ce4bb325ca', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '1ddbd1144a59745bf26f4650eb5d050a34d42e8f', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: '0ff6163a407a53ff100c8d3235212c167dbb006a', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '03b817a0bea880c9a2e056d4d8f0fb737dc0e5da', class: "s-toggle" }, h("input", { key: 'fcb56427c6d1ae503abdc768358e9ecfa9139dac', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: 'ff312279ede50b86446d1305217053942d05a603', class: "s-toggle-switcher" }))))), h("div", { key: '08cf0045a6f96ae7046d9a7c640e53a5b2cec7dc', class: "s-user-settings-section" }, h("salla-list-tile", { key: '1ccbcd93cf4cef91693603b5b05dbc4f3b85dc65' }, h("div", { key: 'bf5270f2d2cae798463ab9516c11321e96c461ff', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '3bc3927296faa253a8b91710049eca3372fb24aa', innerHTML: Bullhorn })), h("div", { key: '60ddca373590545a7fd03498e4ff7306a23b05a9', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '874e81d5e4727160a85bb3381fdfadcd65e774c0', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '6d2aacf7a72c4d25163913eccbb0a3e94595ec75', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'cf58459624592b34083afe61a0afc29dea03864e', class: "s-toggle" }, h("input", { key: 'b854ce4ca8224c8200623aad0dea4c659d89dee1', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '785a5765e36056629a23ca53e48715f91c14ee1f', class: "s-toggle-switcher" }))))), h("div", { key: '9f58724a8d748809b39874efaa861643a78076eb', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '12a69027f2822b6fa1e8fb641278932fc2206335' }, h("div", { key: '679eec74598612167c77443e5f6977991b333fd7', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '0263f8f31ad3e4ca60f2bb4bae910c143f2d36a8', innerHTML: UserOff })), h("div", { key: '6c0c17dfbcbb48ae3882b07b58fb0d1245a28cdb', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '07389c3b86b3d8e821b8b9c33cf43de1ee6527db', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: 'e98736162d465c0717550eb8231b120acfafc4f6', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'd29c5023b3a35f95c94a06dc87f0e2504b3a6390', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '6f23ca61fe62de261e7d2f616a4d5bf13fba1577', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '89073dfc15d4a1349618180c776968012e843556', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'f464a56ab783c4ddd51cc40e4d4dbf2f4ae21be2', class: "s-user-settings-confirmation" }, h("div", { key: 'e9921faaf8718ba51937006360b11d409bde4e05', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '4a71df323e6fa2b86cb85e77af438a51e9c1c5a9', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: '156249d17bdcc25b7c586af416001ec60e8b0f5b', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: 'acbe44c04f77f8ccdcaeb90bfb731de399f88fc7', 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/esm/{filepond-T-MBWI7u.js → filepond-DKDl5gHI.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-5jnzECfn.js';
+import { d as getDefaultExportFromCjs } from './index-CgYN55XK.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-CbcPfGWQ.js → filepond-plugin-file-poster-D93Cfru7.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-5jnzECfn.js';
+import { d as getDefaultExportFromCjs } from './index-CgYN55XK.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-DSnXG2na.js → filepond-plugin-file-validate-size-B9y0A-_Z.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-5jnzECfn.js';
+import { d as getDefaultExportFromCjs } from './index-CgYN55XK.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-BjZ4VftS.js → filepond-plugin-file-validate-type-DJLrAmDa.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-5jnzECfn.js';
+import { d as getDefaultExportFromCjs } from './index-CgYN55XK.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-EeitPKAi.js → filepond-plugin-image-edit-5SrR8khF.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-5jnzECfn.js';
+import { d as getDefaultExportFromCjs } from './index-CgYN55XK.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-l4wHDhla.js → filepond-plugin-image-exif-orientation-CzhglWtb.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-5jnzECfn.js';
+import { d as getDefaultExportFromCjs } from './index-CgYN55XK.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-B7W4EgCu.js → filepond-plugin-image-preview-DBxJhkxb.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-5jnzECfn.js';
+import { d as getDefaultExportFromCjs } from './index-CgYN55XK.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{index-BX9zVfVp.js → index-BrjMW-AZ.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-5jnzECfn.js';
+import { d as getDefaultExportFromCjs } from './index-CgYN55XK.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {