@salla.sa/twilight-components 2.14.467 → 2.14.469

package/dist/esm/salla-reward-action_4.entry.js

@@ -1,13 +1,13 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-a4x9urdK.js';
-import { c as closeModals, b as brand_path, f as formattedPointsJsx } from './functions-Egzz8fEM.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Cqh-ta1v.js';
+import { c as closeModals, b as brand_path, f as formattedPointsJsx } from './functions-ISZQDw0y.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
 import { S as SITag } from './tag-cgSL_BIo.js';
 import { S as SICheck } from './check-BZp0rKEO.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';
-import { T as TrackedPromise } from './tracked-promise-BX5clCDX.js';
+import { T as TrackedPromise } from './tracked-promise-CH_UyK-l.js';
 
 const sallaLoyaltyProgramCss$3 = "";
 

package/dist/esm/salla-scopes.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-a4x9urdK.js';
+import { r as registerInstance, h, H as Host } from './index-Cqh-ta1v.js';
 import { S as Search } from './search-BscTeWDc.js';
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-a4x9urdK.js';
+import { r as registerInstance, h, a as getElement } from './index-Cqh-ta1v.js';
 import { S as Search } from './search-BscTeWDc.js';
 import { H as Helper } from './Helper-BXj4f_Qj.js';
 import './anime.es-CgtvEd63.js';

package/dist/esm/salla-skeleton.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-a4x9urdK.js';
+import { r as registerInstance, h, H as Host } from './index-Cqh-ta1v.js';
 
 const sallaSkeletonCss = ":host{display:block}";
 

package/dist/esm/salla-slider.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-a4x9urdK.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Cqh-ta1v.js';
 import { a as ArrowRightIcon, A as ArrowLeftIcon } from './keyboard_arrow_right-Vqpj4CWE.js';
 
 /**

package/dist/esm/salla-social-share.entry.js

@@ -1,10 +1,10 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-a4x9urdK.js';
+import { r as registerInstance, h, a as getElement } from './index-Cqh-ta1v.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { f as facebook, t as twitter } from './facebook-CO-PeZ27.js';
-import { S as SIMail } from './mail-DLNIOD9t.js';
+import { e as email } from './mail-DzAIgzdz.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';
 
 var copy_link = `<!-- Generated by IcoMoon.io -->
@@ -37,35 +37,74 @@ var ShareAlt = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-const sallaSocialShareCss = "";
+const sallaSocialShareCss = ":global(body.s-social-share-modal-is-open){overflow:hidden}.s-social-share-modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:rgba(17, 24, 39, 0.5)}.s-social-share-modal-dialog{position:relative;width:100%;max-width:32rem;padding:1.5rem;background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)}.s-social-share-modal-handle{display:none}.s-social-share-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.s-social-share-modal-title{font-size:1.125rem;font-weight:700;color:#1f2937}.s-social-share-modal-close{display:inline-flex;align-items:center;justify-content:center;padding:0.25rem;line-height:0;background:transparent;border:0;cursor:pointer}.s-social-share-modal-close-icon svg{width:1.25rem;height:1.25rem;fill:#ef4444}.s-social-share-modal-platforms{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:0.75rem}.s-social-share-modal-card{display:flex;flex-direction:column;align-items:center;gap:0.5rem;padding:0.75rem;border:1px solid #e5e7eb;border-radius:0.75rem;text-decoration:none;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.s-social-share-modal-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px rgba(0, 0, 0, 0.08)}.s-social-share-modal-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px}.s-social-share-modal-icon svg{width:1.25rem;height:1.25rem;fill:#fff}.s-social-share-modal-card-label{font-size:0.875rem;color:#4b5563}.s-social-share-modal-copy-row{display:flex;align-items:center;gap:0.75rem;margin-top:1rem;padding:0.5rem;background-color:#f3f4f6;border-radius:0.75rem}.s-social-share-modal-url{flex:1 1 auto;min-width:0;padding:0 0.5rem;font-size:0.875rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes s-social-share-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 640px){.s-social-share-modal{align-items:flex-end;justify-content:center;padding:0}.s-social-share-modal-dialog{max-width:none;padding:0.75rem 1rem calc(1.25rem + env(safe-area-inset-bottom, 0px));border-radius:1rem 1rem 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12);animation:s-social-share-sheet-in 0.28s ease-out}.s-social-share-modal-handle{display:block;width:2.5rem;height:0.25rem;margin:0 auto 0.75rem;background-color:#d1d5db;border-radius:9999px}.s-social-share-modal-header{margin-bottom:1rem}.s-social-share-modal-platforms{grid-template-columns:repeat(2, minmax(0, 1fr))}}";
 
 const SallaSocialShare = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.ignoreOutsideClick = false;
+        /** Bilingual defaults for the modal variant; store translations always win. */
+        this.translationDefaults = {
+            'common.social.share': { ar: 'مشاركة', en: 'Share' },
+            'common.social.email': { ar: 'إيميل', en: 'Email' },
+            'common.social.whatsapp': { ar: 'واتساب', en: 'WhatsApp' },
+            'common.social.twitter': { ar: 'أكس', en: 'X' },
+            'common.social.facebook': { ar: 'فيسبوك', en: 'Facebook' },
+            'common.social.copy': { ar: 'نسخ', en: 'Copy' },
+            'common.social.copied': { ar: 'تم النسخ', en: 'Copied' },
+        };
+        this.onDocumentClick = (event) => {
+            if (this.ignoreOutsideClick || !this.opened || this.host.contains(event.target)) {
+                return;
+            }
+            void this.close();
+        };
         this.opened = false;
-        this.allPlatforms = [Socials.WHATSAPP, Socials.FACEBOOK, Socials.TWITTER, Socials.EMAIL, Socials.COPY_LINK];
-        this.platformIcons = [{ icon: whatsapp, name: Socials.WHATSAPP }, {
+        this.copied = false;
+        this.allPlatforms = [
+            Socials.WHATSAPP,
+            Socials.FACEBOOK,
+            Socials.TWITTER,
+            Socials.EMAIL,
+            Socials.COPY_LINK,
+        ];
+        this.platformIcons = [
+            { icon: whatsapp, name: Socials.WHATSAPP },
+            {
                 icon: facebook,
-                name: Socials.FACEBOOK
-            }, { icon: twitter, name: Socials.TWITTER }, { icon: SIMail, name: Socials.EMAIL }, {
+                name: Socials.FACEBOOK,
+            },
+            { icon: twitter, name: Socials.TWITTER },
+            { icon: email, name: Socials.EMAIL },
+            {
                 icon: copy_link,
-                name: Socials.COPY_LINK
-            }];
+                name: Socials.COPY_LINK,
+            },
+        ];
         this.convertedPlatforms = [];
         /**
          * page url that will be shared custom | current page url
          */
-        this.url = "";
+        this.url = '';
         /**
          * page url name that will be shared custom | current page url
          */
-        this.urlName = "";
+        this.urlName = '';
         /**
          * selected platforms to share | all platforms
          */
         this.platforms = 'facebook,twitter,whatsapp,email,copy_link';
+        /**
+         * Share UI variant: `default` dropdown menu or centered `modal` dialog.
+         */
+        this.mode = 'default';
+        /**
+         * Optional title for the modal variant header. Defaults to a localized "Share".
+         */
+        this.modalTitle = '';
     }
     componentWillLoad() {
+        this.registerTranslationDefaults();
         if (this.host.hasAttribute('aria-label')) {
             this.host.removeAttribute('aria-label');
         }
@@ -80,50 +119,123 @@ const SallaSocialShare = class {
             window.a2a_config.locale = salla.config.get('user.language_code', salla.lang.getLocale());
             window.a2a_config.callbacks = window.a2a_config.callbacks || [];
             window.a2a_config.callbacks.push({
-                share: (data) => {
+                share: data => {
                     // Handle share event
                     const shareData = {
                         share_via: data.service.toLowerCase(),
                         url: data.url,
-                        title: data.title
+                        title: data.title,
                     };
                     // Dispatch the share event
                     salla.event.emit('share-element', shareData);
-                }
+                },
             });
         };
         document.body.appendChild(script);
     }
+    componentDidLoad() {
+        document.addEventListener('click', this.onDocumentClick);
+    }
+    disconnectedCallback() {
+        document.removeEventListener('click', this.onDocumentClick);
+        if (this.copiedResetTimeout) {
+            window.clearTimeout(this.copiedResetTimeout);
+        }
+        this.setBodyScrollLocked(false);
+    }
     /**
-     * Activate or open the share menu.
+     * Register bilingual (ar/en) defaults without overriding existing translations.
+     */
+    registerTranslationDefaults() {
+        if (!salla?.lang?.addBulk) {
+            return;
+        }
+        const missing = Object.entries(this.translationDefaults).reduce((acc, [key, value]) => {
+            if (salla.lang.get(key) === key) {
+                acc[key] = value;
+            }
+            return acc;
+        }, {});
+        if (Object.keys(missing).length) {
+            salla.lang.addBulk(missing);
+        }
+    }
+    resolveShareKit() {
+        return this.host.querySelector('.a2a_kit');
+    }
+    deferOutsideClickGuard() {
+        this.ignoreOutsideClick = true;
+        requestAnimationFrame(() => {
+            this.ignoreOutsideClick = false;
+        });
+    }
+    /**
+     * Open the share menu.
      */
     async open() {
-        const animateList = new anime.timeline().add({
-            targets: this.shareMenu,
+        if (this.opened) {
+            return;
+        }
+        this.opened = true;
+        this.deferOutsideClickGuard();
+        if (this.mode === 'modal') {
+            this.setBodyScrollLocked(true);
+        }
+        await new Promise(resolve => requestAnimationFrame(() => resolve()));
+        if (!this.opened) {
+            return;
+        }
+        // Wire AddToAny on the freshly rendered anchors (kit only exists once opened).
+        await this.refresh();
+        if (this.mode === 'modal') {
+            return;
+        }
+        const menu = this.resolveShareKit();
+        if (!menu) {
+            this.opened = false;
+            return;
+        }
+        this.openAnimation = new anime.timeline().add({
+            targets: menu,
             translateY: [-50, 0],
             opacity: [0, 1],
             duration: 300,
             podding: '0',
-            easing: 'easeInOutSine'
+            easing: 'easeInOutSine',
         });
-        animateList.add({
-            targets: this.shareMenu.children,
+        this.openAnimation.add({
+            targets: menu.children,
             translateZ: 0,
             translateY: [-30, 0],
             scaleY: [0, 1],
             opacity: [0, 1],
             duration: 1400,
-            delay: anime.stagger(100)
+            delay: anime.stagger(100),
         }, '-=200');
-        this.opened = !this.opened;
-        if (this.opened) {
-            this.shareMenu.classList.add('opened');
+    }
+    /**
+     * Close the share menu.
+     */
+    async close() {
+        if (!this.opened) {
+            return;
+        }
+        this.openAnimation?.pause();
+        this.openAnimation?.seek(0);
+        this.opened = false;
+        if (this.mode === 'modal') {
+            this.setBodyScrollLocked(false);
         }
-        else {
-            animateList.pause();
-            animateList.seek(0);
-            this.shareMenu.classList.remove('opened');
+    }
+    setBodyScrollLocked(locked) {
+        document.body.classList.toggle('s-social-share-modal-is-open', locked);
+    }
+    toggle() {
+        if (this.opened) {
+            return this.close();
         }
+        this.deferOutsideClickGuard();
+        return this.open();
     }
     /**
      * Asynchronously initializes the "AddToAny" (a2a) social sharing tool on the current page.
@@ -143,20 +255,128 @@ const SallaSocialShare = class {
      * @async
      * @returns {Promise<void>} A promise that resolves once the initialization is complete.
      */
+    onUrlChanged(newUrl, oldUrl) {
+        if (newUrl !== oldUrl) {
+            void this.refresh();
+        }
+    }
+    getShareUrl() {
+        return this.url || window.location.href;
+    }
+    getModalTitle() {
+        return this.modalTitle || salla.lang.get('common.social.share');
+    }
+    syncShareAttributes() {
+        const kit = this.resolveShareKit();
+        if (!kit) {
+            return;
+        }
+        kit.setAttribute('data-a2a-url', this.getShareUrl());
+        kit.setAttribute('data-a2a-title', this.urlName || document.title);
+    }
     async refresh() {
-        // Attempt to initialize AddToAny with 'page' mode if the global object `window.a2a` is available.
+        this.syncShareAttributes();
+        // Re-scan kits so AddToAny picks up the updated data-a2a-url (init caches the first URL).
+        if (typeof window.a2a?.init_all === 'function') {
+            window.a2a.init_all();
+            return;
+        }
         window.a2a?.init('page');
     }
-    render() {
-        return (h("div", { key: 'e45420682a1b9bf686cbb9d3beff5a208505e1c7', class: "s-social-share-wrapper" }, h("slot", { key: '265102d26da7ce2d297969e1941b9a5785da3971', name: 'widget' }, h("salla-button", { key: '9f36a44dc9487f4956c1d8b73f0fcc41cf8a01b8', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'b34ed78cd6549bff733de5c542a42ca9aaf805d0', innerHTML: this.opened ? SICancel : ShareAlt }))), h("ul", { key: 'f8eb408030d409880391b7d13b5a701226b0d42a', 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 => {
+    async copyLink() {
+        const url = this.getShareUrl();
+        try {
+            await navigator.clipboard.writeText(url);
+        }
+        catch {
+            const textarea = document.createElement('textarea');
+            textarea.value = url;
+            textarea.style.position = 'fixed';
+            textarea.style.opacity = '0';
+            document.body.appendChild(textarea);
+            textarea.select();
+            try {
+                document.execCommand('copy');
+            }
+            catch {
+                /* noop */
+            }
+            textarea.remove();
+        }
+        salla.event.emit('share-element', {
+            share_via: 'copy_link',
+            url,
+            title: this.urlName || document.title,
+        });
+        this.copied = true;
+        if (this.copiedResetTimeout) {
+            window.clearTimeout(this.copiedResetTimeout);
+        }
+        this.copiedResetTimeout = window.setTimeout(() => (this.copied = false), 2000);
+    }
+    modalPlatformMeta(platform) {
+        switch (platform) {
+            case Socials.WHATSAPP:
+                return {
+                    icon: whatsapp,
+                    color: '#25D366',
+                    label: salla.lang.get('common.social.whatsapp'),
+                };
+            case Socials.FACEBOOK:
+                return {
+                    icon: facebook,
+                    color: '#1877F2',
+                    label: salla.lang.get('common.social.facebook'),
+                };
+            case Socials.TWITTER:
+                return { icon: twitter, color: '#000000', label: salla.lang.get('common.social.twitter') };
+            case Socials.EMAIL:
+                return { icon: email, color: '#2BA6FF', label: salla.lang.get('common.social.email') };
+            default:
+                return { icon: copy_link, color: '#6b7280', label: platform };
+        }
+    }
+    renderModalCard(platform) {
+        const meta = this.modalPlatformMeta(platform);
+        return (h("a", { class: `s-social-share-modal-card a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, h("span", { class: "s-social-share-modal-icon", style: { backgroundColor: meta.color }, innerHTML: meta.icon }), h("span", { class: "s-social-share-modal-card-label" }, meta.label)));
+    }
+    renderModal() {
+        if (!this.opened) {
+            return null;
+        }
+        const enabled = this.platforms.split(',').map(platform => platform.trim());
+        const order = [Socials.EMAIL, Socials.WHATSAPP, Socials.TWITTER, Socials.FACEBOOK];
+        const platforms = order.filter(platform => enabled.includes(platform));
+        const showCopy = enabled.includes(Socials.COPY_LINK);
+        return (h("div", { class: "s-social-share-modal", onClick: event => {
+                if (event.target === event.currentTarget) {
+                    void this.close();
+                }
+            } }, h("div", { class: "s-social-share-modal-dialog", role: "dialog", "aria-modal": "true" }, h("div", { class: "s-social-share-modal-handle", "aria-hidden": "true" }), h("div", { class: "s-social-share-modal-header" }, h("span", { class: "s-social-share-modal-title" }, this.getModalTitle()), h("button", { type: "button", class: "s-social-share-modal-close", "aria-label": salla.lang.get('common.elements.close'), onClick: () => this.close() }, h("span", { class: "s-social-share-modal-close-icon", innerHTML: SICancel }))), h("div", { class: "s-social-share-modal-platforms a2a_kit", "data-a2a-url": this.getShareUrl(), "data-a2a-title": this.urlName ? this.urlName : document.title }, platforms.map(platform => this.renderModalCard(platform))), showCopy && (h("div", { class: "s-social-share-modal-copy-row" }, h("span", { class: "s-social-share-modal-url", dir: "ltr" }, this.getShareUrl()), h("salla-button", { type: "button", fill: "outline", onClick: () => this.copyLink() }, this.copied
+            ? salla.lang.get('common.social.copied')
+            : salla.lang.get('common.social.copy')))))));
+    }
+    renderPopupList() {
+        return (h("ul", { class: {
+                's-social-share-list': true,
+                a2a_kit: true,
+                share: true,
+                opened: this.opened,
+            }, "data-a2a-url": this.getShareUrl(), "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 });
                 }
             }))));
-        }))));
+        })));
+    }
+    render() {
+        return (h("div", { key: '56f669cd8567efe9f1a73e302d2d85be23dd901b', class: "s-social-share-wrapper" }, h("slot", { key: '2c1848fa62c1ec3b8301d0544cd8098ea647e2e7', name: "widget" }, h("salla-button", { key: '0a7ccac871963382f1c2fc594877b5445e5f8830', "aria-label": "Share", onClick: () => this.toggle(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '658cd0182e40140a73614ae477b43ff2e388e155', innerHTML: this.opened ? SICancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
     }
     get host() { return getElement(this); }
+    static get watchers() { return {
+        "url": ["onUrlChanged"]
+    }; }
 };
 SallaSocialShare.style = sallaSocialShareCss;
 

package/dist/esm/salla-social.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-a4x9urdK.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Cqh-ta1v.js';
 import { f as facebook, t as twitter } from './facebook-CO-PeZ27.js';
 
 var instagram = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-tab-content_3.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, c as createEvent, a as getElement } from './index-a4x9urdK.js';
+import { r as registerInstance, h, c as createEvent, a as getElement } from './index-Cqh-ta1v.js';
 
 const sallaTabContentCss = "";
 
@@ -31,7 +31,7 @@ const SallaTabContent = class {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '8017c442a775f17fe6f5bf3c92dd083c9daa164e', class: classes }, h("slot", { key: '3be5606bf4ff8f3d3332f154333d4101d9dafdb5' })));
+        return (h("div", { key: 'f2deb9c1508aafe3aff5352094cccc97bdcd42ef', class: classes }, h("slot", { key: '460588864047444acdb06e757a7124d28935c24b' })));
     }
 };
 SallaTabContent.style = sallaTabContentCss;
@@ -90,7 +90,7 @@ const SallaTabHeader = class {
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: '17847f97d80e9f52f460b7ebcc918736cafd757d', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'e936ad59f8255ec9ad713ecb69735404e741d294' })),
+            h("div", { key: '153247ab5a7c73819ccc506a45e60b9c084c391c', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '417a3ae0c0aec8a965b5d3be9a4f917f290d2109' })),
         ];
     }
 };
@@ -143,7 +143,7 @@ const SallaTabs = class {
     }
     render() {
         return [
-            h("div", { key: '2a76978734a3d8deeabbcfa7517b15a283d3071f', class: "s-tabs" }, h("div", { key: '0c565b46e62ed8fbcae0d9131619dbe83be61546', class: "s-tabs-header" }, h("slot", { key: '27ea98ff742bc51b75b35e0346733fb1c5b9526c', name: "header" })), h("div", { key: '9a76cba0e3c1f7ffb4c9d77d800ebc4d827e877c', class: "s-tabs-content-wrapper" }, h("slot", { key: '49ffe5586016252e8e3439a851c9aab0bf4e4079', 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 getElement(this); }

package/dist/esm/salla-tiered-offer.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-a4x9urdK.js';
+import { r as registerInstance, h, H as Host } from './index-Cqh-ta1v.js';
 
 var DiscountType;
 (function (DiscountType) {

package/dist/esm/salla-tooltip.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-a4x9urdK.js';
+import { r as registerInstance, h, a as getElement } from './index-Cqh-ta1v.js';
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-63%) translateY(-50%);background-color:var(--color-primary);color:var(--color-primary-reverse);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:var(--color-primary) 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}";
 
@@ -31,7 +31,7 @@ const SallaTooltip = class {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (h("div", { key: 'fa37135d001ae2cbc2ddc193aa5ddd30b062ef6c', class: "s-tooltip-container" }, h("div", { key: 'e2d803bfaf839308157f14e3af4599268c5123b0', 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 getElement(this); }
 };

package/dist/esm/salla-trust-badges.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-a4x9urdK.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Cqh-ta1v.js';
 
 const sallaTrustBadgesCss = "";
 

package/dist/esm/salla-user-menu.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-a4x9urdK.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-Cqh-ta1v.js';
 import { A as ArrowDown } from './keyboard_arrow_down-DCZbpt2a.js';
 import { B as BellRing } from './bell-ring-D3mWkc-3.js';
 import { P as PendingOrdersIcon } from './cart-DY4LZmNP.js';

package/dist/esm/salla-user-profile.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-a4x9urdK.js';
+import { r as registerInstance, h } from './index-Cqh-ta1v.js';
 import { G as Genders } from './interfaces-OF8QcbMM.js';
 
 const sallaUserProfileCss = ":host{display:block}";

package/dist/esm/salla-user-settings.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-a4x9urdK.js';
+import { r as registerInstance, h, H as Host } from './index-Cqh-ta1v.js';
 
 var Bullhorn = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -78,7 +78,7 @@ const SallaUserSettings = class {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (h(Host, { key: 'b41aa42e4c735f854a1fe8937484561267f4fe90', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '3b96bc67e48e1350b8e98ec87e3a69c923aea26e', class: "s-user-settings-section" }, h("salla-list-tile", { key: '45a9605ea94b821adaa559935acbac56df42549e' }, h("div", { key: 'd97df220da7e4f9103f69879215a53324052fe28', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'bdba051ce6c1e356540a72668945bcd77c4fcc07', innerHTML: UserCancel })), h("div", { key: 'aae7512323ddaf1fbb18fc6e201d73b01c7db02a', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'ea5fbd35129439c8859e3ea4ec023169c9c13500', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'bea5c5931955307b6d8c0040d54a4c70ac0e801f', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '025c7ba7a176ee477395716c8291414451fa0f05', class: "s-toggle" }, h("input", { key: 'e5c8a02e85404d6a997b0bc17af807ee19908569', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '945d24a60b7474e46e934cc284239f035c4552bd', class: "s-toggle-switcher" }))))), h("div", { key: '81e9ea3c92a902da5b7647b8ba4dc659e44e05af', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'b4351c518cb7f7f0a9aadc3a50ff678233374c99' }, h("div", { key: 'c9a442d5a002c3ac3bb2d59fa1a3db5a25500b5e', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'b54eb15dbaf220a1221c6054b0e178bb51eae9c7', innerHTML: Bullhorn })), h("div", { key: 'a0a95bcbc40be5896ffaa080abb0f4d093dd7384', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '8090b97110dec6b555c3daa8180fbcd0e85c5248', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '1a5b8d2df3d3ffa2e680979fcf4eeb327bd95c60', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'e0ff94d938cfd5baea7f175980c891918de2a41e', class: "s-toggle" }, h("input", { key: '56417d910ed3661f1956df6e0d056eae54a2c711', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'c96e609f1dfce22d220a2afcf678387ebd31c1d5', class: "s-toggle-switcher" }))))), h("div", { key: '4f841e1e7a1225b24387feab7543218a90c54e44', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '7b8af0c7bb366302b87634d281807b3b19c6080b' }, h("div", { key: 'b78c648e4be4a222d1d85dacb4922f409f239aa9', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'bb4e18462ead89a0a6dc5e24311713d7fda311e3', innerHTML: UserOff })), h("div", { key: '793fc8bd434e1646fdf7917d6eff326c6db62a25', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '713a7f8c4d781d07c3f426a542f7595ab5c4c0af', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '029ebe97a4c85ffd8f63866906908237dc36fe07', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '8d372e8721544b3bf41e8de5ed696a7d993c0566', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '8edab0810f1a5fcda5f50c7b1b48b7dfbe480111', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '6f9295c1d1ed58a7313f0e0d241dedc2c2dc69c7', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'c31ca762ee4a669acbfaa31ebfdfde8e944cb0fb', class: "s-user-settings-confirmation" }, h("div", { key: 'de944f8f24c22a2df7697ea82f67a43636ea8868', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'be82c1a8ae8697cd44d567d3e473aaa55d7ca09c', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'ddab3f9e5150a70ddf03e175bfd664fb63f385da', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '3ae59455becd85c11233404e54fb862564fd9f07', 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)))))));
     }
 };
 SallaUserSettings.style = sallaUserSettingsCss;

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

@@ -1,8 +1,8 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-a4x9urdK.js';
-import { S as SIMail } from './mail-DLNIOD9t.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Cqh-ta1v.js';
+import { e as email } from './mail-DzAIgzdz.js';
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -245,7 +245,7 @@ const SallaVerify = class {
     }
     render() {
         return this.display == 'inline' ? h(Host, null, this.myBody()) :
-            h("salla-modal", { width: "xs", class: "s-verify", ref: modal => this.modal = modal, "modal-title": this.title }, h("span", { slot: 'icon', class: "s-verify-header-icon", innerHTML: this.type == "mobile" ? AndroidPhoneIcon : SIMail }), this.myBody());
+            h("salla-modal", { width: "xs", class: "s-verify", ref: modal => this.modal = modal, "modal-title": this.title }, h("span", { slot: 'icon', class: "s-verify-header-icon", innerHTML: this.type == "mobile" ? AndroidPhoneIcon : email }), this.myBody());
     }
     myBody() {
         return (h("div", { class: "s-verify-body", ref: body => this.body = body }, h("div", { class: "s-verify-message", innerHTML: salla.lang.get('pages.profile.verify_message') }), h("slot", { name: "mobile" }), h("slot", { name: "email" }), h("input", { type: "hidden", name: "code", maxlength: "4", required: true, ref: code => this.code = code }), h("div", { class: { "s-verify-codes": true, "has-error": this.hasError }, dir: "ltr" }, [1, 2, 3, 4].map((i) => h("input", { type: "number", autocomplete: "one-time-code", pattern: "[0-9]*", inputmode: "numeric", maxlength: "1", value: "", id: `otp-${i}`, class: { "s-verify-input": true, "s-has-error": this.hasError }, onInput: e => this.handleInput(e), onPaste: e => this.handlePaste(e), onKeyUp: e => this.handleKeyUp(e), onFocus: e => this.handleFocus(e), required: true }))), this.hasError && this.errorMessage ? h("span", { class: "s-verify-error-message" }, this.errorMessage) : '', h("div", { slot: "footer", class: "s-verify-footer" }, h("salla-button", { class: "s-verify-submit", "loader-position": 'center', disabled: true, onClick: () => this.submit(), ref: b => this.btn = b }, salla.lang.get('pages.profile.verify')), h("p", { class: "s-verify-resend-message", ref: el => this.resendMessage = el }, salla.lang.get('blocks.header.resend_after'), h("b", { class: "s-verify-timer", ref: el => this.timer = el })), h("a", { href: "#", class: "s-verify-resend", onClick: () => this.resendCode(), ref: el => this.resend = el }, salla.lang.get('blocks.comments.submit'))), h("slot", { name: "after-footer" })));

package/dist/esm/salla-wallet.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-a4x9urdK.js';
+import { r as registerInstance, h, H as Host } from './index-Cqh-ta1v.js';
 
 const sallaWalletCss = ".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";