@salla.sa/twilight-components 2.14.353 → 2.14.355

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

@@ -0,0 +1,275 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+
+var index = require('./index-DgOViweO.js');
+var keyboard_arrow_down = require('./keyboard_arrow_down-DHJ3FFZq.js');
+var bellRing = require('./bell-ring-BfKPinNo.js');
+var cart = require('./cart-s-x1Fshk.js');
+var star = require('./star-DGcH7Yso.js');
+var cancel = require('./cancel-De6vslRA.js');
+var star2 = require('./star2-R146a27p.js');
+var gift = require('./gift-CJ-3Yw_x.js');
+
+var OrderIcon = `<!-- 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>box-bankers</title>
+<path d="M28 1.333h-24c-2.205 0-4 1.795-4 4v5.333c0 0.736 0.597 1.333 1.333 1.333v14.667c0 2.205 1.795 4 4 4h21.333c2.205 0 4-1.795 4-4v-14.667c0.736 0 1.333-0.597 1.333-1.333v-5.333c0-2.205-1.795-4-4-4zM28 26.667c0 0.735-0.599 1.333-1.333 1.333h-21.333c-0.735 0-1.333-0.599-1.333-1.333v-14.667h5.333v2.667c0 1.471 1.196 2.667 2.667 2.667h8c1.471 0 2.667-1.196 2.667-2.667v-2.667h5.333zM12 14.667v-2.667h8v2.667zM29.333 9.333h-26.667v-4c0-0.735 0.599-1.333 1.333-1.333h24c0.735 0 1.333 0.599 1.333 1.333z"></path>
+</svg>
+`;
+
+var UserCircle = `<!-- 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>user-circle</title>
+<path d="M16 22.964c-4.525 0-8.447 1.713-9.993 4.365-0.371 0.636-0.156 1.452 0.48 1.823s1.453 0.156 1.823-0.48c0.855-1.465 3.624-3.041 7.689-3.041s6.835 1.576 7.689 3.041c0.249 0.424 0.696 0.661 1.155 0.661 0.228 0 0.459-0.059 0.669-0.181 0.637-0.371 0.852-1.187 0.48-1.823-1.545-2.652-5.467-4.365-9.992-4.365zM22.667 13.631c0-3.676-2.991-6.667-6.667-6.667s-6.667 2.991-6.667 6.667 2.991 6.667 6.667 6.667 6.667-2.992 6.667-6.667zM12 13.631c0-2.205 1.795-4 4-4s4 1.795 4 4-1.795 4-4 4-4-1.795-4-4zM16 0.297c-8.823 0-16 7.177-16 16 0 2.941 0.821 5.831 2.373 8.357 0.252 0.411 0.689 0.636 1.137 0.636 0.239 0 0.479-0.064 0.696-0.197 0.628-0.385 0.824-1.207 0.439-1.833-1.295-2.108-1.979-4.516-1.979-6.963 0-7.352 5.981-13.333 13.333-13.333s13.333 5.981 13.333 13.333c0 2.448-0.684 4.856-1.979 6.961-0.385 0.628-0.189 1.448 0.437 1.835 0.627 0.384 1.448 0.189 1.835-0.437 1.553-2.527 2.373-5.416 2.373-8.359 0-8.823-7.177-16-16-16z"></path>
+</svg>
+`;
+
+var LogoutIcon = `<!-- 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>send-out</title>
+<path d="M16 26.667h-9.333c-0.736 0-1.333-0.597-1.333-1.333v-18.667c0-0.736 0.597-1.333 1.333-1.333h9.333c0.737 0 1.333-0.596 1.333-1.333s-0.596-1.333-1.333-1.333h-9.333c-2.205 0-4 1.795-4 4v18.667c0 2.205 1.795 4 4 4h9.333c0.737 0 1.333-0.596 1.333-1.333s-0.596-1.333-1.333-1.333zM29.231 15.491c-0.068-0.164-0.167-0.312-0.289-0.436l-5.332-5.332c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885l3.057 3.059h-12.781c-0.737 0-1.333 0.596-1.333 1.333s0.596 1.333 1.333 1.333h12.781l-3.057 3.057c-0.521 0.521-0.521 1.364 0 1.885 0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391l5.332-5.332c0.124-0.123 0.221-0.271 0.289-0.435 0.135-0.325 0.135-0.693 0-1.019z"></path>
+</svg>
+`;
+
+var WalletIcon = `<!-- 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>wallet</title>
+<path d="M28 6.667h-24c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333h24c0.737 0 1.333-0.596 1.333-1.333s-0.596-1.333-1.333-1.333h-24c-2.204 0-3.999 1.793-4 3.997v18.669c0 3.676 2.991 6.667 6.667 6.667h21.333c2.205 0 4-1.795 4-4v-16c0-2.205-1.795-4-4-4zM29.333 26.667c0 0.736-0.597 1.333-1.333 1.333h-21.333c-2.205 0-4-1.795-4-4v-14.895c0.416 0.147 0.865 0.228 1.333 0.228h24c0.736 0 1.333 0.597 1.333 1.333zM22.667 14.667c-2.205 0-4 1.795-4 4s1.795 4 4 4 4-1.795 4-4-1.795-4-4-4zM22.667 20c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333 1.333 0.597 1.333 1.333-0.597 1.333-1.333 1.333z"></path>
+</svg>
+`;
+
+var SettingstIcon = `<!-- 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>settings</title>
+<path d="M29.717 19.037l-1.817-1.499c0.067-0.512 0.1-1.028 0.1-1.539s-0.033-1.027-0.1-1.54l1.817-1.499c1.177-0.969 1.479-2.633 0.716-3.956l-1.159-2.009c-0.761-1.324-2.349-1.895-3.784-1.359l-2.212 0.829c-0.817-0.627-1.704-1.139-2.649-1.535l-0.388-2.332c-0.251-1.507-1.54-2.6-3.067-2.6h-2.319c-1.525 0-2.815 1.093-3.065 2.6l-0.388 2.332c-0.945 0.396-1.833 0.909-2.649 1.535l-2.212-0.829c-1.428-0.533-3.021 0.036-3.783 1.359l-1.16 2.011c-0.763 1.323-0.46 2.985 0.716 3.955l1.817 1.499c-0.067 0.513-0.1 1.029-0.1 1.54s0.033 1.027 0.1 1.539l-1.819 1.5c-1.176 0.971-1.476 2.635-0.715 3.955l1.159 2.011c0.763 1.324 2.356 1.899 3.784 1.36l2.212-0.831c0.816 0.625 1.703 1.139 2.649 1.535l0.388 2.332c0.251 1.507 1.54 2.6 3.067 2.6h2.319c1.527 0 2.816-1.093 3.065-2.6l0.389-2.332c0.947-0.396 1.833-0.909 2.649-1.535l2.212 0.831c1.432 0.539 3.023-0.035 3.783-1.36l1.16-2.011c0.76-1.32 0.459-2.984-0.717-3.956zM28.123 21.663l-1.16 2.011c-0.108 0.188-0.336 0.267-0.536 0.193l-2.931-1.1c-0.459-0.173-0.979-0.079-1.349 0.248-0.923 0.811-1.979 1.423-3.139 1.819-0.464 0.157-0.804 0.559-0.885 1.043l-0.515 3.087c-0.033 0.215-0.216 0.371-0.433 0.371h-2.319c-0.217 0-0.4-0.156-0.436-0.371l-0.513-3.087c-0.080-0.484-0.42-0.884-0.885-1.043-1.16-0.396-2.216-1.008-3.139-1.819-0.248-0.217-0.561-0.332-0.88-0.332-0.157 0-0.316 0.028-0.469 0.084l-2.931 1.1c-0.199 0.079-0.428-0.004-0.537-0.193l-1.159-2.011c-0.109-0.191-0.067-0.428 0.101-0.568l2.409-1.985c0.379-0.312 0.555-0.807 0.46-1.288-0.119-0.605-0.179-1.219-0.179-1.821 0-0.604 0.060-1.217 0.181-1.823 0.095-0.481-0.081-0.976-0.46-1.288l-2.409-1.985c-0.168-0.139-0.211-0.376-0.101-0.567l1.16-2.011c0.107-0.188 0.332-0.268 0.536-0.193l2.931 1.1c0.459 0.172 0.979 0.079 1.348-0.247 0.924-0.812 1.98-1.424 3.139-1.817 0.465-0.159 0.805-0.559 0.885-1.044l0.513-3.088c0.036-0.215 0.219-0.371 0.436-0.371h2.319c0.217 0 0.4 0.156 0.436 0.371l0.515 3.088c0.081 0.484 0.42 0.885 0.885 1.044 1.157 0.393 2.213 1.005 3.139 1.817 0.371 0.325 0.889 0.42 1.349 0.247l2.929-1.099c0.203-0.076 0.428 0.005 0.537 0.193l1.159 2.009c0.109 0.191 0.067 0.428-0.101 0.567l-2.409 1.985c-0.379 0.312-0.555 0.807-0.46 1.288 0.119 0.605 0.179 1.219 0.179 1.823 0 0.603-0.060 1.216-0.181 1.821-0.095 0.48 0.081 0.975 0.46 1.288l2.408 1.984c0.169 0.141 0.212 0.379 0.103 0.569zM16.016 10.667c-2.941 0-5.333 2.392-5.333 5.333s2.392 5.333 5.333 5.333 5.333-2.392 5.333-5.333-2.392-5.333-5.333-5.333zM16.016 18.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>
+`;
+
+const sallaUserMenuCss = "";
+
+const SallaUserMenu = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.accountLoading = false;
+        this.opened = false;
+        this.notifications = salla.lang.get('common.titles.notifications');
+        this.orders = salla.lang.get('common.titles.orders');
+        this.pending_orders = salla.lang.get('common.titles.pending_orders');
+        this.wishlist = salla.lang.get('common.titles.wishlist');
+        this.profile = salla.lang.get('common.titles.profile');
+        this.rating = salla.lang.get('common.titles.rating');
+        this.wallet = salla.lang.get('common.titles.wallet');
+        this.settings = salla.lang.get('common.titles.settings');
+        this.loyalty_program = salla.lang.get('pages.loyalty_program.loyalty_points');
+        this.logout = salla.lang.get('blocks.header.logout');
+        this.hello = salla.lang.get('pages.checkout.hello');
+        this.first_name = salla.storage.get('user.first_name') || '';
+        this.last_name = salla.storage.get('user.last_name') || '';
+        this.avatar = salla.storage.get('user.avatar') || salla.url.cdn('images/avatar.png', 40, 40);
+        this.badges = {
+            notifications: salla.helpers.number(salla.storage.get('user.notifications') || 0),
+            pending_orders: salla.helpers.number(salla.storage.get('user.pending_orders') || 0),
+        };
+        this.sallaAccountEnabled = false;
+        this.hasBadges = Number(salla.storage.get('user.pending_orders')) > 0 ||
+            Number(salla.storage.get('user.notifications')) > 0;
+        /**
+         * To display only the list without the dropdown functionality
+         */
+        this.inline = false;
+        /**
+         * To display the trigger as an avatar only
+         */
+        this.avatarOnly = false;
+        /**
+         * To display the dropdown header in mobile sheet
+         */
+        this.showHeader = false;
+        /**
+         * To Make the dropdown menu relative to parent element or not
+         */
+        this.relativeDropdown = false;
+        this.onClickOutside = () => {
+            this.opened = false;
+        };
+        this.OrderUpdate = 0;
+        this.items = {
+            notifications: bellRing.BellRing,
+            orders: OrderIcon,
+            pending_orders: cart.PendingOrdersIcon,
+            wishlist: star.WishListIcon,
+            wallet: WalletIcon,
+            loyalty_program: gift.loyaltyProgramIcon,
+            profile: UserCircle
+        };
+        // salla.auth.event.onLoggedIn(() => {
+        //   this.is_loggedIn = true
+        // })
+        salla.lang.onLoaded(() => {
+            this.notifications = salla.lang.get('common.titles.notifications');
+            this.orders = salla.lang.get('common.titles.orders');
+            this.pending_orders = salla.lang.get('common.titles.pending_orders');
+            this.wishlist = salla.lang.get('common.titles.wishlist');
+            this.profile = salla.lang.get('common.titles.profile');
+            this.hello = salla.lang.get('pages.checkout.hello');
+            this.rating = salla.lang.get('common.titles.rating');
+            this.wallet = salla.lang.get('common.titles.wallet');
+            this.settings = salla.lang.get('common.titles.settings');
+            this.loyalty_program = salla.lang.get('pages.loyalty_program.loyalty_points');
+            this.logout = salla.lang.get('blocks.header.logout');
+        });
+        Salla.onReady(() => {
+            if (salla.config.isGuest()) {
+                return;
+            }
+            this.is_loggedIn = true;
+            /**
+             * Get Fresh Notifications In These Cases:
+             * - is notification page, if user already changed the status of his orders (to reset notification badge)
+             * - is pending orders page, if user already changed the status of his orders (to reset orders badge)
+             * - is profile page, in case user changed his name or avatar, we need to update it
+             * - half hour is passed from the last user data fetched
+             *
+             * //todo:: update the data in the storage in customer pages
+             * //todo:: cover two requests in customer pages
+             * //todo:: make sure to run this only after token is set
+             */
+            const shouldFetchProfile = !this.inline &&
+                (salla.url.is_page('customer.notifications') ||
+                    salla.url.is_page('customer.orders.index.pending') ||
+                    salla.url.is_page('customer.profile') ||
+                    (Date.now() - (salla.storage.get('user.fetched_at') || 0)) / 1000 / 60 > 30);
+            if (shouldFetchProfile) {
+                this.fetchFreshProfile();
+            }
+            else {
+                salla.event.on('profile::info.fetched', res => {
+                    this.updateProfileState(res);
+                });
+            }
+        });
+    }
+    async componentWillLoad() {
+        await salla.onReady();
+        await salla.lang.onLoaded();
+        Salla.event.on('api::token.injected', (token) => this.profileUrl = this.buildProfileUrl(token));
+        this.sallaAccountEnabled = Salla.config.get('store.features')?.includes('salla-account');
+        this.items = this.sallaAccountEnabled ? { ...this.items, settings: SettingstIcon } : this.items;
+        //we need it only in theme-y
+        if (this.host.hasAttribute('with-rating')) {
+            this.items.rating = star2.Star;
+        }
+        //we need it to be the last item
+        this.items.logout = LogoutIcon;
+        let token = Salla.storage.get('token');
+        if (!token) {
+            token = '';
+        }
+        this.profileUrl = this.buildProfileUrl(token);
+        const trigger = this.host.querySelector('[slot="trigger"]');
+        this.triggerSlot =
+            '<div class="s-user-menu-trigger"><div class="s-user-menu-avatar-wrap"><img class="s-user-menu-trigger-avatar" src="{avatar}" alt="{first_name}{last_name}" /></div><div class="s-user-menu-trigger-content"><span class="s-user-menu-trigger-hello">{hello}</span><p class="s-user-menu-trigger-name">{first_name} {last_name}</p></div> <i class="s-user-menu-trigger-icon">{icon}</i></div>';
+        if (!trigger) {
+            return;
+        }
+        this.triggerSlot = trigger.innerHTML;
+        trigger.innerHTML = this.replaceParams(trigger.innerHTML);
+    }
+    fetchFreshProfile() {
+        //don't request fetchFreshProfile unless token is injected into the api
+        if (!salla.api.token) {
+            salla.log('trying to fetchFreshProfile before injected the token!!');
+            return;
+        }
+        salla.profile.api.info().then(res => {
+            this.updateProfileState(res);
+        });
+    }
+    updateProfileState(res) {
+        this.badges = {
+            notifications: salla.helpers.number(res.data.notifications || 0),
+            pending_orders: salla.helpers.number(res.data.pending_orders || 0),
+        };
+        this.hasBadges = Number(res.data.pending_orders) > 0 || Number(res.data.notifications) > 0;
+        this.first_name = res.data.first_name;
+        this.last_name = res.data.last_name;
+        this.avatar = res.data.avatar || salla.url.cdn('images/avatar.png', 40, 40);
+    }
+    async open(e) {
+        this.opened = !this.opened;
+        e.stopPropagation();
+        if (this.opened) {
+            window.addEventListener('click', this.onClickOutside);
+        }
+    }
+    menuItemClicked(event, itemKey) {
+        if (itemKey !== 'logout') {
+            return;
+        }
+        event.preventDefault();
+        salla.auth.logout('sall-user-menu');
+    }
+    replaceParams(body) {
+        return body
+            .replace(/\{hello\}/g, this.hello)
+            .replace(/\{first_name\}/g, this.first_name)
+            .replace(/\{last_name\}/g, this.last_name)
+            .replace(/\{avatar\}/g, this.avatar)
+            .replace(/\{icon\}/g, keyboard_arrow_down.ArrowDown);
+    }
+    getTheHeader() {
+        return (index.h("div", { class: {
+                's-user-menu-trigger-slot': true,
+                's-user-menu-red-dot': this.hasBadges,
+                's-user-menu-trigger-avatar-only': this.avatarOnly,
+            }, id: "trigger-slot", onClick: e => this.open(e), onKeyUp: e => this.open(e), innerHTML: this.replaceParams(this.triggerSlot) }));
+    }
+    getItemAnchorLinkAttrs(itemKey) {
+        if (itemKey === 'profile' && this.profileUrl && this.sallaAccountEnabled) {
+            return { href: this.profileUrl, target: '_blank', rel: 'noopener noreferrer' };
+        }
+        // Fix loyalty program URL mapping from master
+        const urlKey = itemKey === 'loyalty_program' ? 'loyalty' : itemKey;
+        return { href: Salla.url.get(urlKey) };
+    }
+    getMenuItem([itemKey, itemValue], i) {
+        //todo:: enhancement support slot here
+        if (itemKey === 'wallet' && !window.can_access_wallet)
+            return;
+        if (itemKey === 'loyalty_program' && !Salla.config.get('store.features').includes('loyalty-system'))
+            return;
+        return (index.h("li", { class: {
+                's-user-menu-dropdown-item': true,
+                's-user-menu-dropdown-item-logout': i + 1 === Object.entries(this.items).length,
+            } }, index.h("a", { ...this.getItemAnchorLinkAttrs(itemKey), class: "s-user-menu-dropdown-item-link", onClick: event => this.menuItemClicked(event, itemKey) }, index.h("i", { class: "s-user-menu-dropdown-item-prefix", innerHTML: itemValue }), index.h("span", { class: "s-user-menu-dropdown-item-title" }, this[itemKey]), !['٠', '0', undefined].includes(this.badges[itemKey]) ? (index.h("span", { class: "s-user-menu-dropdown-item-badge" }, this.badges[itemKey])) : (''))));
+    }
+    componentShouldUpdate() {
+        if (!this.opened) {
+            window.removeEventListener('click', this.onClickOutside);
+        }
+    }
+    render() {
+        if (!this.is_loggedIn) {
+            return (index.h(index.Host, null, index.h("slot", { name: "login-btn" }, index.h("button", { type: "button", class: "s-user-menu-login-btn", onClick: () => salla.event.dispatch('login::open'), innerHTML: UserCircle }))));
+        }
+        if (this.inline) {
+            return (index.h(index.Host, null, index.h("ul", { class: "s-user-menu-inline" }, Object.entries(this.items).map((item, i) => this.getMenuItem(item, i)))));
+        }
+        return (index.h(index.Host, null, index.h("div", { class: {
+                's-user-menu-wrapper': true,
+                's-user-menu-relative-dropdown': this.relativeDropdown,
+            } }, this.getTheHeader(), index.h("div", { class: { 's-user-menu-toggler': true, opened: this.opened } }, index.h("div", { class: "s-user-menu-dropdown", onClick: e => e.stopPropagation(), onKeyUp: e => e.stopPropagation() }, this.showHeader ? (index.h("div", { class: "s-user-menu-dropdown-header" }, index.h("img", { src: this.avatar, alt: `${this.first_name} ${this.last_name}` }), index.h("div", { class: "s-user-menu-dropdown-header-content" }, index.h("span", null, this.hello), index.h("p", null, this.first_name, " ", this.last_name)), index.h("button", { type: 'button', class: "s-user-menu-dropdown-header-close", innerHTML: cancel.Cancel, onClick: () => { this.opened = false; } }))) : (''), index.h("ul", { class: "s-user-menu-dropdown-list" }, Object.entries(this.items).map((item, i) => this.getMenuItem(item, i))))))));
+    }
+    componentDidLoad() {
+        document.lazyLoadInstance?.update(this.host.querySelectorAll('.lazy'));
+    }
+    buildProfileUrl(token) {
+        return `${Salla.config.get('account.url', 'https://accounts.salla.com')}/${salla.config.get('user.language_code')}/user?store=${Salla.config.get('store.id')}&info=${encodeURIComponent(token)}`;
+    }
+    get host() { return index.getElement(this); }
+};
+SallaUserMenu.style = sallaUserMenuCss;
+
+exports.salla_user_menu = SallaUserMenu;

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

@@ -0,0 +1,145 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+
+var index = require('./index-DgOViweO.js');
+var interfaces = require('./interfaces-CRqrf5RX.js');
+
+const sallaUserProfileCss = ":host{display:block}";
+
+const SallaUserProfile = class {
+    // Constructor
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * The minimum allowed age for a user. Users with a birthdate indicating an age less than this value will be considered invalid.
+         * Defaults to 10.
+         */
+        this.minAge = 10;
+        this.isEditable = true;
+        this.disableAction = false;
+        this.isLoading = true;
+        // Translated Strings State
+        this.first_name_trans = salla.lang.get('pages.profile.first_name');
+        this.last_name_trans = salla.lang.get('pages.profile.last_name');
+        this.birthday_trans = salla.lang.get('pages.profile.birthday');
+        this.birthday_placeholder_trans = salla.lang.get('pages.profile.birthday_placeholder');
+        this.gender_trans = salla.lang.get('pages.profile.gender');
+        this.gender_placeholder_trans = salla.lang.get('pages.profile.gender_placeholder');
+        this.male_trans = salla.lang.get('pages.profile.male');
+        this.female_trans = salla.lang.get('pages.profile.female');
+        this.email_trans = salla.lang.get('common.elements.email');
+        this.mobile_trans = salla.lang.get('common.elements.mobile');
+        this.save_btn_trans = salla.lang.get('common.elements.save');
+        this.drag_and_drop_trans = salla.lang.get('common.uploader.drag_and_drop');
+        this.browse_trans = salla.lang.get('common.uploader.browse');
+        this.email_required_trans = salla.lang.get('pages.checkout.email_required');
+        this.invalid_email_trans = salla.lang.get('pages.error.invalid_value', {
+            attribute: 'email',
+        });
+        // Localization setup when the language is loaded
+        salla.lang.onLoaded(() => {
+            // Assigning translated strings to state properties
+            // These translations are fetched from the localization object
+            this.first_name_trans = salla.lang.get('pages.profile.first_name');
+            this.last_name_trans = salla.lang.get('pages.profile.last_name');
+            this.birthday_trans = salla.lang.get('pages.profile.birthday');
+            this.birthday_placeholder_trans = salla.lang.get('pages.profile.birthday_placeholder');
+            this.gender_trans = salla.lang.get('pages.profile.gender');
+            this.gender_placeholder_trans = salla.lang.get('pages.profile.gender_placeholder');
+            this.male_trans = salla.lang.get('pages.profile.male');
+            this.female_trans = salla.lang.get('pages.profile.female');
+            this.email_trans = salla.lang.get('common.elements.email');
+            this.mobile_trans = salla.lang.get('common.elements.mobile');
+            this.save_btn_trans = salla.lang.get('common.elements.save');
+            this.drag_and_drop_trans = salla.lang.get('common.uploader.drag_and_drop');
+            this.browse_trans = salla.lang.get('common.uploader.browse');
+            this.email_required_trans = salla.lang.get('pages.checkout.email_required');
+            this.invalid_email_trans = salla.lang.get('pages.error.invalid_value', {
+                attribute: 'email',
+            });
+        });
+    }
+    // Event handler for phone number field changes
+    phoneNumberFieldEventHandler(data) {
+        if (!data.detail.number) {
+            this.disableAction = true;
+            return;
+        }
+        this.userData.phone.number = Number.parseInt(data.detail.number);
+        this.userData.phone.country = data.detail.country_code;
+        this.disableAction = false;
+    }
+    // Event handler for generic field changes
+    handleFieldChange(key, event, required = false) {
+        if (event.target.value) {
+            this.userData[key] = event.target.value;
+            this.disableAction = false;
+        }
+        else {
+            if (required) {
+                this.disableAction = true;
+            }
+        }
+    }
+    // Event handler for email input changes
+    handleEmailInput(key, event) {
+        const emailErrorDisplaySection = document.getElementById('email-error');
+        const email = event.target.value;
+        if (!email) {
+            this.disableAction = true;
+            emailErrorDisplaySection.textContent = this.email_required_trans;
+            return;
+        }
+        const emailPattern = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
+        if (!emailPattern.test(email)) {
+            this.disableAction = true;
+            emailErrorDisplaySection.textContent = this.invalid_email_trans;
+        }
+        emailErrorDisplaySection.textContent = '';
+        this.userData[key] = email;
+        this.disableAction = false;
+    }
+    // Submit form method
+    submitForm(event) {
+        event.preventDefault();
+        this.disableAction = true;
+        const payload = Object.assign({}, this.userData);
+        payload.phone = undefined;
+        //@ts-ignore
+        payload.phone = this.userData.phone.number;
+        payload.country_code = this.userData.phone.country;
+        salla.api.profile.update(payload).finally(() => { this.disableAction = false; });
+    }
+    getBirthDateRestriction() {
+        const now = new Date();
+        const pastYear = now.getFullYear() - this.minAge;
+        now.setFullYear(pastYear);
+        return now;
+    }
+    fetchData() {
+        return salla.api.profile
+            .info()
+            .then(resp => { this.userData = resp.data; })
+            .finally(() => {
+            this.isLoading = false;
+            this.isEditable = !Salla.config.get('store.features').includes('sso-login');
+        });
+    }
+    renderLoadingSection() {
+        return (index.h("div", { class: "s-user-profile-skeleton-wrapper" }, Array.from({ length: 6 }, (_, i) => (index.h("salla-skeleton", { class: "skeleton-item", width: "100%", height: "50px", key: i })))));
+    }
+    componentWillLoad() {
+        Salla.onReady().then(() => this.fetchData());
+    }
+    render() {
+        if (this.isLoading) {
+            return this.renderLoadingSection();
+        }
+        return (index.h("form", { onSubmit: event => this.submitForm(event) }, index.h("div", { class: "s-user-profile-wrapper" }, index.h("div", { class: "s-user-profile-field" }, index.h("label", { htmlFor: "first-name", class: "s-user-profile-field-label" }, this.first_name_trans), index.h("input", { disabled: !this.isEditable, type: "text", name: "first_name", value: this.userData.first_name, id: "first-name", required: true, autocomplete: "first_name", class: "form-input", onChange: event => this.handleFieldChange('first_name', event) })), index.h("div", { class: "s-user-profile-field" }, index.h("label", { htmlFor: "last-name", class: "s-user-profile-field-label" }, this.last_name_trans), index.h("input", { disabled: !this.isEditable, type: "text", name: "last_name", value: this.userData.last_name, id: "last-name", required: true, autocomplete: "last_name", class: "form-input", onChange: event => this.handleFieldChange('last_name', event) })), index.h("div", { class: "s-user-profile-field" }, index.h("label", { htmlFor: "birthday", class: "s-user-profile-field-label" }, this.birthday_trans), index.h("salla-datetime-picker", { disabled: !this.isEditable, dateFormat: "Y-m-d", value: this.userData.birthday, placeholder: this.birthday_placeholder_trans, required: true, maxDate: this.getBirthDateRestriction(), name: "birthday", onPicked: event => this.handleFieldChange('birthday', event) })), index.h("div", { class: "s-user-profile-field" }, index.h("label", { htmlFor: "gender", class: "s-user-profile-field-label" }, this.gender_trans), index.h("select", { disabled: !this.isEditable, class: "form-input", name: "gender", required: true, onChange: event => this.handleFieldChange('gender', event) }, index.h("option", { value: "" }, this.gender_placeholder_trans), index.h("option", { value: interfaces.Genders.Male, selected: this.userData.gender === interfaces.Genders.Male }, this.male_trans), index.h("option", { value: interfaces.Genders.Female, selected: this.userData.gender === interfaces.Genders.Female }, this.female_trans))), index.h("div", { class: "s-user-profile-field" }, index.h("label", { htmlFor: "email", class: "s-user-profile-field-label" }, this.email_trans), index.h("input", { disabled: !this.isEditable, type: "email", name: "email", value: this.userData.email, id: "email", class: "form-input", required: true, onInput: event => this.handleEmailInput('email', event) }), index.h("p", { id: "email-error", class: "s-user-profile-field-error" })), index.h("div", { class: "s-user-profile-field" }, index.h("label", { htmlFor: "international-mobile", class: "s-user-profile-field-label" }, this.mobile_trans), index.h("salla-tel-input", { disabled: !this.isEditable, name: "international-mobile", "country-code": this.userData.phone.country, phone: `${this.userData.phone.number}`, onPhoneEntered: data => this.phoneNumberFieldEventHandler(data) }))), index.h("salla-button", { type: "submit", loading: this.disableAction, disabled: this.disableAction || !this.isEditable, "loader-position": "end", class: "s-user-profile-submit" }, this.save_btn_trans)));
+    }
+};
+SallaUserProfile.style = sallaUserProfileCss;
+
+exports.salla_user_profile = SallaUserProfile;

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

@@ -0,0 +1,88 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+
+var index = require('./index-DgOViweO.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">
+<title>bullhorn</title>
+<path d="M30.129 0.264c-0.339-0.252-0.776-0.328-1.179-0.208l-24.951 7.485v-0.216c0-0.736-0.597-1.333-1.333-1.333s-1.333 0.597-1.333 1.333v14.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-0.112l3.448 1.207-0.595 1.704c-0.321 1.019-0.227 2.103 0.267 3.051s1.327 1.647 2.345 1.968l6.359 2.004c0.399 0.127 0.804 0.187 1.201 0.187 1.699 0 3.277-1.091 3.812-2.785l0.423-1.295 7.633 2.672c0.143 0.049 0.292 0.075 0.44 0.075 0.273 0 0.543-0.084 0.772-0.247 0.352-0.249 0.561-0.655 0.561-1.087v-28c0-0.421-0.199-0.819-0.537-1.069zM18.297 28.4c-0.221 0.701-0.973 1.089-1.673 0.871l-6.357-2.004c-0.34-0.108-0.617-0.34-0.781-0.656s-0.196-0.676-0.101-0.977l0.581-1.665 8.777 3.072zM28 27.453l-24-8.4v-8.728l24-7.2z"></path>
+</svg>
+`;
+
+var UserOff = `<!-- 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>user-off</title>
+<path d="M10.837 19.309c-4.963 1.284-8.171 4.303-8.171 7.691v3.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-3.667c0-2.101 2.48-4.155 6.172-5.109 0.713-0.184 1.141-0.912 0.957-1.625-0.184-0.711-0.908-1.137-1.625-0.956zM12.859 3.715c0.933-0.685 2.020-1.048 3.141-1.048 2.941 0 5.333 2.392 5.333 5.333 0 1.121-0.363 2.208-1.048 3.141-0.436 0.593-0.308 1.428 0.284 1.864 0.239 0.175 0.515 0.259 0.788 0.259 0.411 0 0.815-0.188 1.076-0.544 1.025-1.393 1.567-3.025 1.567-4.72 0-4.412-3.588-8-8-8-1.695 0-3.327 0.541-4.721 1.567-0.592 0.435-0.72 1.269-0.284 1.864 0.436 0.593 1.269 0.721 1.864 0.284zM31.609 29.724l-29.333-29.333c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885l29.333 29.333c0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391c0.521-0.521 0.521-1.364 0-1.885z"></path>
+</svg>
+`;
+
+var UserCancel = `<!-- 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>user-cancel</title>
+<path d="M29.885 16l1.724-1.724c0.521-0.521 0.521-1.364 0-1.885s-1.364-0.521-1.885 0l-1.724 1.724-1.724-1.724c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885l1.724 1.724-1.724 1.724c-0.521 0.521-0.521 1.364 0 1.885 0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391l1.724-1.724 1.724 1.724c0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391c0.521-0.521 0.521-1.364 0-1.885zM10.667 16c4.043 0 7.333-3.289 7.333-7.333s-3.291-7.333-7.333-7.333-7.333 3.289-7.333 7.333 3.291 7.333 7.333 7.333zM10.667 4c2.573 0 4.667 2.093 4.667 4.667s-2.093 4.667-4.667 4.667-4.667-2.093-4.667-4.667 2.093-4.667 4.667-4.667zM10.667 18.667c-5.881 0-10.667 3.813-10.667 8.5v2.167c0 0.736 0.596 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.167c0-3.217 3.588-5.833 8-5.833s8 2.616 8 5.833v2.167c0 0.736 0.596 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-2.167c0-4.687-4.785-8.5-10.667-8.5z"></path>
+</svg>
+`;
+
+const sallaUserSettingsCss = "";
+
+const SallaUserSettings = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        // Texts
+        this.deactivateAccount = salla.lang.get('pages.profile.deactivate_account');
+        this.promotionalMsgs = salla.lang.get('pages.profile.promotional_messages');
+        this.hideMyName = salla.lang.get('pages.profile.hide_my_name');
+        this.hideMyNameDesc = salla.lang.get('pages.profile.hide_my_name_desc');
+        this.deactivateDesc = salla.lang.get('pages.profile.deactivate_account_description');
+        this.promotionalMsgsDesc = salla.lang.get('pages.profile.promotional_messages_description');
+        this.sorryForLeavingText = salla.lang.get('pages.profile.warning_for_deactivate');
+        this.warningText = salla.lang.get('pages.profile.sorry_for_leaving');
+        this.keepAccount = salla.lang.get('pages.profile.keep_account');
+        this.buttonLoading = false;
+        this.canHideName = salla.config.get('store.settings.rating.can_customer_hide_name');
+        salla.onReady(() => {
+            this.isHiddenName = salla.config.get('user.is_hidden_name');
+            this.isNotifiable = salla.config.get('user.is_notifiable');
+            this.canHideName = salla.config.get('store.settings.rating.can_customer_hide_name');
+            if (!this.isNotifiable || !this.isHiddenName) {
+                salla.event.on('profile::info.fetched', res => {
+                    this.isHiddenName = res.data.is_hidden_name;
+                    this.isNotifiable = res.data.is_notifiable;
+                });
+            }
+        });
+        salla.lang.onLoaded(() => {
+            this.deactivateAccount = salla.lang.get('pages.profile.deactivate_account');
+            this.promotionalMsgs = salla.lang.get('pages.profile.promotional_messages');
+            this.hideMyName = salla.lang.get('pages.profile.hide_my_name');
+            this.hideMyNameDesc = salla.lang.get('pages.profile.hide_my_name_desc');
+            this.deactivateDesc = salla.lang.get('pages.profile.deactivate_account_description');
+            this.promotionalMsgsDesc = salla.lang.get('pages.profile.promotional_messages_description');
+            this.warningText = salla.lang.get('pages.profile.warning_for_deactivate');
+            this.sorryForLeavingText = salla.lang.get('pages.profile.sorry_for_leaving');
+            this.keepAccount = salla.lang.get('pages.profile.keep_account');
+        });
+    }
+    toggleSetting(setting, event) {
+        salla.profile.updateSettings({ name: setting, value: event.target.checked });
+    }
+    capitalizeText(str) {
+        return str.charAt(0).toUpperCase() + str.slice(1);
+    }
+    openDeactivateModal() {
+        this.confirmationModal.setTitle(this.capitalizeText(this.deactivateAccount));
+        this.confirmationModal.open();
+    }
+    async deleteAccount() {
+        await salla.profile.delete().finally(() => this.confirmationModal.close());
+    }
+    render() {
+        return (index.h(index.Host, { key: '1a6622794c68aa483d9a2526d7c9568619145168', class: "s-user-settings-wrapper" }, this.canHideName && index.h("div", { key: '4188aabfd44edb57365f5a2d1c0910f5ec3cd447', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '9f9ccbb08d666a13bf19895349a17f84fbdd3fc1' }, index.h("div", { key: '85426ad3140db951064c29c988badc23447a238d', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: 'd1a386387320cf907e4645240cace32ac27a1e5b', innerHTML: UserCancel })), index.h("div", { key: '1310d3547da0c2dd23e254eaf1b22f1b54956ef2', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), index.h("div", { key: '639ef8121549e9c119def1c8012b42647249df2c', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), index.h("div", { key: 'aa8d60ad8c61d682e2114471e6168609bb4e9cb0', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: '9d8d52ec4bdfb2032649ae37823070ea0902cb9d', class: "s-toggle" }, index.h("input", { key: 'f263da0f32ee2682bf442253980fe68da933cb06', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), index.h("div", { key: '058e908fcb2a61a239ff5ae67adaa290553feb0a', class: "s-toggle-switcher" }))))), index.h("div", { key: '2e314b366093f06ebc8e583c17d3f2f2125cd2e7', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '5e2fb8520042ccbd4301b20046369f65fb292a49' }, index.h("div", { key: '25918c6b5402504a0683f2f6931b58e3663ba4eb', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '0d24d9ecb8f7d48d1dba9eaebaad8093210f0a57', innerHTML: Bullhorn })), index.h("div", { key: 'e212afc7b1ad19e0c4976e5686bc51a847e94d61', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), index.h("div", { key: '3f4f72fe869f7cd6f4b4df870e6af8bd1cc32088', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), index.h("div", { key: '6929527d156f6da1f9ca61be60b756621b7fb321', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: '1f3f3c77b25f602f3a4f461da321df2bcee2a956', class: "s-toggle" }, index.h("input", { key: 'afd4616efa19cdf04e32fd785af72a6c96ef980c', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), index.h("div", { key: 'ef55c0480c58c3a77b4c28980c34b89197e2c84c', class: "s-toggle-switcher" }))))), index.h("div", { key: '7fc42b2d9ee0c58fd210b6704f96de07cf58c703', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, index.h("salla-list-tile", { key: '35bc4e485e78f57cce3fa9d324578997bf5b5346' }, index.h("div", { key: 'd2643402a5f414beb388622d96352600a58e7788', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '90a634d2ff464a26f7a09df39cf0cce6f7a1ce87', innerHTML: UserOff })), index.h("div", { key: '3376df9d4baee75e502df2b8265328910f692708', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), index.h("div", { key: '1452beb1f275f905b7a1ecb7e76a4223700f7d03', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), index.h("div", { key: '28bc808fbd51274f587abee141f67242100aea03', slot: 'action', class: "s-user-settings-section-action" }, index.h("salla-button", { key: 'c54e8db52d35e9ab62e2616a0dfb3a10417fcb80', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), index.h("salla-modal", { key: 'a1d52fd66ed991f8411ca17b16e37d21893a2f06', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, index.h("span", { key: '9119095941bd2a579b27c18db025238ca652bd6b', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), index.h("div", { key: '3194c2236470a7da32bc065218162da80ea7713c', class: "s-user-settings-confirmation" }, index.h("div", { key: '718f43edf4e6a22ed23e0edaccee07fd3fa46e13', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), index.h("div", { key: 'a87fcd03f6d97afc26f8410faacfcbbbc81cd8bb', class: "s-user-settings-confirmation-actions" }, index.h("salla-button", { key: '366186ea98a351d1f0a1f6b3dc2eeddc18e46a33', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), index.h("salla-button", { key: 'f42dc54f7903f3e48ab8c3ac8af0d57039753cf6', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+    }
+};
+SallaUserSettings.style = sallaUserSettingsCss;
+
+exports.salla_user_settings = SallaUserSettings;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B5soIVRX.js');
+var index = require('./index-DgOViweO.js');
 var mail = require('./mail-CO8cFZH7.js');
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B5soIVRX.js');
+var index = require('./index-DgOViweO.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}";
 

package/dist/cjs/search-c7Aa7lM9.js

@@ -0,0 +1,13 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+
+var Search = `<!-- 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>search</title>
+<path d="M30.276 28.391l-7.576-7.576c1.644-2.053 2.633-4.652 2.633-7.481 0-6.616-5.384-12-12-12s-12 5.384-12 12 5.384 12 12 12c2.829 0 5.428-0.989 7.481-2.633l7.576 7.576c0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391c0.521-0.521 0.521-1.364 0-1.885zM13.333 22.667c-5.147 0-9.333-4.187-9.333-9.333s4.187-9.333 9.333-9.333 9.333 4.187 9.333 9.333-4.187 9.333-9.333 9.333z"></path>
+</svg>
+`;
+
+exports.Search = Search;

package/dist/cjs/{special-discount-OVG_9Kf9.js → special-discount-DC2oXurL.js}

@@ -3,13 +3,6 @@
  */
 'use strict';
 
-var ArrowDownIcon = `<!-- 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>keyboard_arrow_down</title>
-<path d="M9.875 11.104l6.125 6.125 6.125-6.125 1.875 1.875-8 8-8-8z"></path>
-</svg>
-`;
-
 var SpecialDiscountIcon = `<!-- 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>special-discount</title>
@@ -17,5 +10,4 @@ var SpecialDiscountIcon = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-exports.ArrowDownIcon = ArrowDownIcon;
 exports.SpecialDiscountIcon = SpecialDiscountIcon;

package/dist/cjs/star-DGcH7Yso.js

@@ -0,0 +1,13 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+
+var WishListIcon = `<!-- 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>star</title>
+<path d="M31.819 12.077c-0.367-0.883-1.209-1.411-2.259-1.411h-8.437l-2.681-8.871c-0.347-1.075-1.329-1.796-2.443-1.796s-2.096 0.721-2.447 1.805l-2.788 8.861h-8.275c-1.076 0-1.939 0.533-2.308 1.427-0.375 0.904-0.159 2.012 0.525 2.693 0.044 0.044 0.092 0.085 0.141 0.124l6.811 5.101-2.773 8.567c-0.344 1.063 0.019 2.228 0.899 2.899 0.459 0.351 1.001 0.527 1.544 0.527 0.528 0 1.056-0.165 1.511-0.499l7.159-5.267 7.161 5.268c0.896 0.659 2.168 0.645 3.051-0.028 0.884-0.671 1.245-1.836 0.901-2.9l-2.773-8.567 6.811-5.101c0.051-0.037 0.099-0.080 0.143-0.124 0.687-0.687 0.904-1.8 0.528-2.709zM21.976 18.448c-0.456 0.343-0.644 0.936-0.469 1.477l3.044 9.293-7.763-5.711c-0.235-0.173-0.513-0.259-0.791-0.259s-0.556 0.085-0.791 0.259l-7.713 5.676 2.997-9.257c0.175-0.541-0.013-1.136-0.469-1.477l-6.829-5.116h8.551c0.583 0 1.097-0.377 1.272-0.933l2.981-9.479 2.861 9.465c0.169 0.561 0.688 0.947 1.276 0.947h8.672z"></path>
+</svg>
+`;
+
+exports.WishListIcon = WishListIcon;

package/dist/cjs/star2-R146a27p.js

@@ -0,0 +1,13 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+
+var Star = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 30 32">
+<title>star2</title>
+<path d="M29.714 11.839c0 0.321-0.232 0.625-0.464 0.857l-6.482 6.321 1.536 8.929c0.018 0.125 0.018 0.232 0.018 0.357 0 0.464-0.214 0.893-0.732 0.893-0.25 0-0.5-0.089-0.714-0.214l-8.018-4.214-8.018 4.214c-0.232 0.125-0.464 0.214-0.714 0.214-0.518 0-0.75-0.429-0.75-0.893 0-0.125 0.018-0.232 0.036-0.357l1.536-8.929-6.5-6.321c-0.214-0.232-0.446-0.536-0.446-0.857 0-0.536 0.554-0.75 1-0.821l8.964-1.304 4.018-8.125c0.161-0.339 0.464-0.732 0.875-0.732s0.714 0.393 0.875 0.732l4.018 8.125 8.964 1.304c0.429 0.071 1 0.286 1 0.821z"></path>
+</svg>
+`;
+
+exports.Star = Star;