@salla.sa/twilight-components 2.14.537 → 2.14.539

package/dist/esm/salla-loyalty-hero_2.entry.js

@@ -1,252 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BICKbbaT.js';
-import { c as closeModals, f as formattedPointsJsx, i as isUnitOrder } from './functions-DBwN_PnC.js';
-import { S as SIGift } from './gift-CXRKXFgT.js';
-import { S as SICart2 } from './cart2-D1s2kXqL.js';
-import { S as SIUserAdd } from './user-add-QpH8MU22.js';
-import { S as SITag } from './tag-cgSL_BIo.js';
-import { e as email } from './mail-DzAIgzdz.js';
-import { S as SICalendar } from './calendar-BkmanTR_.js';
-import { S as SIiPhoneX } from './iphone-x-CciN5Q_x.js';
-import { L as Location } from './location-BO5AoBAP.js';
-import { S as SIShipping } from './shipping-CZRcMGA9.js';
-
-const sallaLoyaltyProgramCss$1 = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";
-
-const SallaLoyaltyHero = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h(Host, { key: '19347b04f3e2fc0cb836d9ecd6ebc398826aca95' }, h("section", { key: 'd992b7e5c6f8ccd14690b63f12de75791751d3b6', class: "s-loyalty-program-hero-container" }, h("div", { key: 'cf825f4b816979494f33c08383d10ad3b702db81', class: "s-loyalty-program-hero-background", style: {
-                backgroundImage: `url(${this.image})`,
-            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: '5343c2d5b4924c75594143390624fb68c2f4e94f', class: {
-                's-loyalty-program-hero-content': true,
-                's-loyalty-program-hero-white': !!this.image,
-                's-loyalty-program-hero-gray': !this.image,
-            } }, h("div", { key: 'd0e05e9d51c05583ac8a12fa1ad53b328c3eeca7' }, h("h1", { key: '05a1b89d759a8391af6c46b4e54df00d2238091f', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: 'fc0d510acceccf3995c91b0d4dd920ea7d111e72', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: '41cb521612af4f4a0b3d6fedbcc9bced4f8014f6', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: '498075813fc055f742211520ab75961892ef8bc1', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: '44c09c20dd161053f77773ee1ca550df2acb3ad6', name: "action" }))), h("div", { key: '9e0b48babcdb5c36bdadbdfeb8d03008069c2cc6', class: "s-loyalty-program-hero-footer" }, h("div", { key: '82659f4658331af320986e78a54222dd4c199281', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '4565ba9bd31891fc806418ee4440117f2fdb7c56', name: "crosspoint" }))))));
-    }
-};
-SallaLoyaltyHero.style = sallaLoyaltyProgramCss$1;
-
-var SIStore = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>store</title>
-<path d="M27.25 16c-1.539-0.010-2.899-0.765-3.741-1.921l-0.009-0.013c-0.844 1.178-2.209 1.936-3.75 1.936s-2.906-0.758-3.741-1.922l-0.009-0.014c-0.844 1.178-2.209 1.936-3.75 1.936s-2.906-0.758-3.741-1.922l-0.009-0.014c-0.851 1.169-2.211 1.924-3.748 1.934h-0.002c-2.64-0.075-4.751-2.233-4.751-4.884 0-0.041 0.001-0.081 0.002-0.122l-0 0.006c0-0.086 0.011-0.169 0.032-0.249l-0.002 0.007 2-8c0.112-0.439 0.504-0.758 0.97-0.758h26c0.466 0 0.858 0.319 0.968 0.751l0.002 0.007 2 8c0.019 0.073 0.030 0.156 0.030 0.242v0c0.001 0.034 0.001 0.075 0.001 0.116 0 2.651-2.111 4.809-4.744 4.884l-0.007 0zM23.5 10c0.552 0 1 0.448 1 1v0c-0.006 0.069-0.010 0.149-0.010 0.23 0 1.522 1.234 2.756 2.756 2.756s2.756-1.234 2.756-2.756c0-0.040-0.001-0.080-0.003-0.12l0 0.006-1.782-7.116h-24.436l-1.782 7.116c0 0.003-0 0.007-0 0.011 0 1.544 1.217 2.804 2.744 2.873l0.006 0c1.535-0.073 2.752-1.336 2.752-2.883 0-0.041-0.001-0.082-0.003-0.123l0 0.006c0-0.552 0.448-1 1-1s1 0.448 1 1v0c-0.002 0.035-0.002 0.076-0.002 0.117 0 1.547 1.217 2.81 2.746 2.883l0.007 0c1.535-0.073 2.752-1.336 2.752-2.883 0-0.041-0.001-0.082-0.003-0.123l0 0.006c0-0.552 0.448-1 1-1s1 0.448 1 1v0c-0.002 0.035-0.002 0.076-0.002 0.117 0 1.547 1.217 2.81 2.746 2.883l0.007 0c1.535-0.073 2.752-1.336 2.752-2.883 0-0.041-0.001-0.082-0.003-0.123l0 0.006c0-0.552 0.448-1 1-1v0zM13 30h-10c-0.552 0-1-0.448-1-1v0-14.46c0-0.552 0.448-1 1-1s1 0.448 1 1v0 13.46h9c0.552 0 1 0.448 1 1s-0.448 1-1 1v0zM29 30h-10c-0.552 0-1-0.448-1-1s0.448-1 1-1v0h9v-13.46c0-0.552 0.448-1 1-1s1 0.448 1 1v0 14.46c0 0.552-0.448 1-1 1v0zM19 30c-0.552 0-1-0.448-1-1v0-7h-4v7c0 0.552-0.448 1-1 1s-1-0.448-1-1v0-8c0-0.552 0.448-1 1-1v0h6c0.552 0 1 0.448 1 1v0 8c0 0.552-0.448 1-1 1v0z"></path>
-</svg>
-`;
-
-var SIChatConversationAlt = `<!-- 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>chat-conversation-alt</title>
-<path d="M17.333 14.667h-8c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h8c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333zM22.667 8h-13.333c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h13.333c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333zM28 0h-24c-2.205 0-4 1.795-4 4v17.333c0 2.205 1.795 4 4 4h6.027l4.932 6.167c0.253 0.316 0.636 0.5 1.041 0.5s0.788-0.184 1.041-0.5l4.932-6.167h6.027c2.205 0 4-1.795 4-4v-17.333c0-2.205-1.795-4-4-4zM29.333 21.333c0 0.735-0.597 1.333-1.333 1.333h-6.667c-0.405 0-0.788 0.184-1.041 0.5l-4.292 5.365-4.292-5.365c-0.253-0.316-0.636-0.5-1.041-0.5h-6.667c-0.736 0-1.333-0.599-1.333-1.333v-17.333c0-0.735 0.597-1.333 1.333-1.333h24c0.736 0 1.333 0.599 1.333 1.333z"></path>
-</svg>
-`;
-
-var SILink1 = `<!-- 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>link1</title>
-<path d="M16.541 19.873c-0.489 0.205-0.825 0.68-0.825 1.233 0 0.184 0.037 0.359 0.105 0.519l-0.003-0.009c0.064 0.151 0.101 0.326 0.101 0.51 0 0.368-0.149 0.702-0.391 0.943v0l-3.771 3.772c-0.483 0.482-1.149 0.781-1.885 0.781s-1.403-0.298-1.885-0.781l-2.829-2.828c-0.483-0.483-0.781-1.149-0.781-1.886s0.299-1.403 0.781-1.886l3.776-3.771c0.244-0.24 0.578-0.388 0.948-0.388 0.183 0 0.357 0.036 0.516 0.102l-0.009-0.003c0.15 0.064 0.325 0.101 0.509 0.101 0.736 0 1.334-0.597 1.334-1.334 0-0.553-0.337-1.027-0.816-1.229l-0.009-0.003c-0.449-0.187-0.97-0.295-1.517-0.295-1.107 0-2.11 0.445-2.841 1.165l0-0-3.776 3.771c-0.963 0.966-1.559 2.299-1.559 3.771s0.596 2.805 1.559 3.771l2.829 2.828c0.965 0.965 2.298 1.562 3.771 1.562s2.806-0.597 3.771-1.562l3.772-3.771c0.723-0.725 1.171-1.726 1.171-2.832 0-0.551-0.111-1.076-0.312-1.555l0.010 0.026c-0.206-0.488-0.68-0.824-1.232-0.824-0.184 0-0.359 0.037-0.518 0.104l0.009-0.003z"></path>
-<path d="M10.343 21.655c0.243 0.238 0.576 0.384 0.943 0.384s0.7-0.147 0.943-0.385l-0 0 10.372-10.371c0.232-0.24 0.374-0.566 0.374-0.926 0-0.736-0.597-1.333-1.333-1.333-0.36 0-0.687 0.143-0.927 0.375l-10.372 10.37c-0.241 0.241-0.39 0.575-0.39 0.943s0.149 0.701 0.39 0.943v0z"></path>
-<path d="M28.728 6.099l-2.828-2.828c-0.966-0.963-2.299-1.559-3.771-1.559s-2.805 0.596-3.771 1.559l-3.772 3.771c-0.723 0.725-1.171 1.726-1.171 2.831 0 0.551 0.111 1.076 0.313 1.554l-0.010-0.026c0.206 0.488 0.68 0.824 1.233 0.824 0.737 0 1.334-0.597 1.334-1.334 0-0.184-0.037-0.359-0.104-0.518l0.003 0.009c-0.063-0.15-0.1-0.324-0.1-0.506 0-0.368 0.149-0.7 0.389-0.942l3.771-3.771c0.483-0.483 1.149-0.781 1.886-0.781s1.403 0.299 1.886 0.781l2.828 2.828c0.483 0.483 0.781 1.149 0.781 1.886s-0.299 1.403-0.781 1.886v0l-3.776 3.764c-0.244 0.24-0.579 0.388-0.948 0.388-0.183 0-0.357-0.036-0.515-0.102l0.009 0.003c-0.151-0.064-0.326-0.101-0.51-0.101-0.737 0-1.334 0.597-1.334 1.334 0 0.553 0.336 1.027 0.815 1.229l0.009 0.003c0.45 0.189 0.974 0.298 1.523 0.298 1.106 0 2.109-0.445 2.838-1.167l3.77-3.77c0.965-0.966 1.562-2.301 1.562-3.775 0-1.471-0.595-2.803-1.557-3.769l0 0z"></path>
-</svg>
-`;
-
-var SIUser = `<!-- 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</title>
-<path d="M16 16c4.412 0 8-3.588 8-8s-3.588-8-8-8-8 3.588-8 8 3.588 8 8 8zM16 2.667c2.941 0 5.333 2.392 5.333 5.333s-2.392 5.333-5.333 5.333-5.333-2.392-5.333-5.333 2.392-5.333 5.333-5.333zM16 18.667c-7.476 0-13.333 3.66-13.333 8.333v3.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-3.667c0-3.019 4.984-5.667 10.667-5.667s10.667 2.648 10.667 5.667v3.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-3.667c0-4.673-5.857-8.333-13.333-8.333z"></path>
-</svg>
-`;
-
-var SIMapLocation = `<!-- 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>map-location</title>
-<path d="M24.667 8.013v-0.013c0-0.736-0.597-1.327-1.333-1.327s-1.333 0.604-1.333 1.34 0.597 1.333 1.333 1.333 1.333-0.597 1.333-1.333zM30.667 18.667c-0.736 0-1.333 0.596-1.333 1.333v8.701l-7.879-3.135c-0.308-0.127-0.651-0.127-0.961-0.011l-9.817 3.684-8.009-3.121v-20.351l7.633 2.181c0.708 0.205 1.447-0.209 1.648-0.916 0.203-0.708-0.207-1.447-0.915-1.648l-9.333-2.667c-0.403-0.115-0.836-0.035-1.169 0.217-0.335 0.252-0.531 0.645-0.531 1.064v23.029c0 0.549 0.337 1.043 0.849 1.243l9.333 3.637c0.305 0.12 0.645 0.12 0.952 0.007l9.812-3.68 9.227 3.669c0.16 0.064 0.327 0.095 0.493 0.095 0.263 0 0.525-0.079 0.749-0.231 0.365-0.247 0.584-0.661 0.584-1.103v-10.667c0-0.737-0.597-1.333-1.333-1.333zM23.333 22.667c0.395 0 0.769-0.175 1.023-0.476 0.783-0.935 7.644-9.241 7.644-13.357 0-4.389-2.976-8.833-8.667-8.833-5.689 0-8.667 4.444-8.667 8.833 0 4.116 6.863 12.423 7.645 13.357 0.253 0.301 0.628 0.476 1.021 0.476zM23.333 2.667c4.145 0 6 3.097 6 6.167 0 2.095-3.347 7.027-6 10.385-2.653-3.36-6-8.291-6-10.385 0-3.069 1.856-6.167 6-6.167z"></path>
-</svg>
-`;
-
-const sallaLoyaltyProgramCss = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";
-
-/**
- * Dashboard sicons:
- * share - sicon-share-alt
- * order from store - sicon-shopping-basket
- * rate order - sicon-chat-conversation-alt
- * order from app - sicon-iphone-x
- * first order - sicon-add-to-cart
- * pos - sicon-store
- * fill profile - sicon-user-add
- */
-const c = (...args) => args.map(i => 's-loyalty-program-' + i).join(' ');
-const sicons = {
-    'FIRST_ORDER_STORE_FOR_UNIT': h("span", { innerHTML: SICart2 }),
-    'FIRST_ORDER_STORE_FOR_UNIT_BY_CATEGORIES': h("span", { innerHTML: SICart2 }),
-    'FIRST_ORDER_STORE_FIX_AMOUNT': h("span", { innerHTML: SICart2 }),
-    'FIRST_ORDER_STORE_FIX_AMOUNT_BY_CATEGORIES': h("span", { innerHTML: SICart2 }),
-    'ORDER_FROM_APP_FOR_UNIT': h("span", { innerHTML: SICart2 }),
-    'ORDER_FROM_APP_FOR_UNIT_BY_CATEGORIES': h("span", { innerHTML: SICart2 }),
-    'ORDER_FROM_APP_FIX_AMOUNT': h("span", { innerHTML: SICart2 }),
-    'ORDER_FROM_APP_FIX_AMOUNT_BY_CATEGORIES': h("span", { innerHTML: SICart2 }),
-    'CONDITION_RATING_SHIPPING_STORE': h("span", { innerHTML: SIStore }),
-    'CONDITION_RATING_PRODUCT': h("span", { innerHTML: SIChatConversationAlt }),
-    'CONDITION_RATING_SHIPPING_COMPANY': h("span", { innerHTML: SIShipping }),
-    'CONDITION_COMPLETE_PERSONAL_INFORMATION_BIRTHDAY': h("span", { innerHTML: SICalendar }),
-    'CONDITION_COMPLETE_PERSONAL_INFORMATION_EMAIL': h("span", { innerHTML: email }),
-    'CONDITION_COMPLETE_PERSONAL_INFORMATION_MOBILE': h("span", { innerHTML: SIiPhoneX }),
-    'CONDITION_COMPLETE_PERSONAL_INFORMATION_GENDER': h("span", { innerHTML: SIUser }),
-    'CONDITION_BUY_FROM_STORE_FOR_UNIT': h("span", { innerHTML: SICart2 }),
-    'CONDITION_BUY_FROM_STORE_FOR_UNIT_BY_CATEGORIES': h("span", { innerHTML: SICart2 }),
-    'CONDITION_BUY_FROM_STORE_FIX_AMOUNT': h("span", { innerHTML: SICart2 }),
-    'CONDITION_BUY_FROM_STORE_FIX_AMOUNT_BY_CATEGORIES': h("span", { innerHTML: SICart2 }),
-    'order_from_pos_1': h("span", { innerHTML: SIiPhoneX }),
-    'order_from_pos_2': h("span", { innerHTML: Location }),
-    'buy_from_pos_1': h("span", { innerHTML: SIMapLocation }),
-    'buy_from_pos_2': h("span", { innerHTML: SIiPhoneX }),
-    'CONDITION_BUY_FROM_POS_FOR_UNIT': h("span", { innerHTML: SIiPhoneX }),
-    'CONDITION_BUY_FROM_POS_FOR_UNIT_BY_CATEGORIES': h("span", { innerHTML: SIiPhoneX }),
-    'CONDITION_BUY_FROM_POS_FIX_AMOUNT': h("span", { innerHTML: SIiPhoneX }),
-    'CONDITION_BUY_FROM_POS_FIX_AMOUNT_BY_CATEGORIES': h("span", { innerHTML: SIiPhoneX }),
-    'affiliate_link_1': h("span", { innerHTML: SILink1 }),
-    'affiliate_link_2': h("span", { innerHTML: SIUserAdd }),
-    'affiliate_link_3': h("span", { innerHTML: SICart2 }),
-    'CONDITION_AFFILIATE_LINK': h("span", { innerHTML: SILink1 }),
-};
-const SallaLoyaltyPoint = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    async handleShareAction(e, point, successText) {
-        const isDesktop = window.matchMedia('(min-width: 1024px)').matches;
-        // only on mobile/tablet devices
-        if ('share' in navigator && !isDesktop) {
-            try {
-                await navigator.share({
-                    title: document.title,
-                    url: point.url,
-                });
-                return;
-            }
-            catch (error) { }
-        }
-        const el = e.target;
-        const oldTextContent = el.textContent;
-        const temporaryTextContent = successText;
-        // fallback to clipboard
-        if ('clipboard' in navigator) {
-            try {
-                await navigator.clipboard.writeText(point.url);
-                el.textContent = temporaryTextContent;
-                setTimeout(() => {
-                    el.textContent = oldTextContent;
-                }, 5000);
-                return;
-            }
-            catch (error) { }
-        }
-        // fallback to textarea
-        const textarea = document.createElement('textarea');
-        textarea.value = point.url;
-        textarea.style.opacity = '0';
-        this.host.appendChild(textarea);
-        textarea.focus();
-        textarea.select();
-        try {
-            const success = document.execCommand('copy');
-            if (!success) {
-                throw new Error('Failed to copy URL to clipboard');
-            }
-            el.textContent = temporaryTextContent;
-            setTimeout(() => {
-                el.textContent = oldTextContent;
-            }, 5000);
-        }
-        catch (error) { }
-        this.host.removeChild(textarea);
-    }
-    handleAction(e, point) {
-        e.stopPropagation();
-        if (point.is_completed) {
-            e.preventDefault();
-            return;
-        }
-        switch (point.type) {
-            case 'profile':
-            case 'rating': {
-                if (!salla.config.isUser()) {
-                    e.preventDefault();
-                    closeModals(() => salla.event.dispatch('login::open'));
-                    return;
-                }
-                return;
-            }
-            case 'share': {
-                if (!salla.config.isUser()) {
-                    e.preventDefault();
-                    closeModals(() => salla.event.dispatch('login::open'));
-                    return;
-                }
-                e.preventDefault();
-                this.handleShareAction(e, point, salla.lang.get('pages.loyalty_program.copied'));
-                return;
-            }
-        }
-    }
-    getSubHeading(point) {
-        switch (point.type) {
-            case 'share':
-                return (h("div", { class: "s-loyalty-program-point-subheading" }, h("h2", null, salla.lang.get('pages.loyalty_program.how_to_start')), h("p", null, salla.lang.get('pages.loyalty_program.three_simple_steps'))));
-            case 'pos':
-                return (h("div", { class: "s-loyalty-program-point-subheading" }, h("h2", null, salla.lang.get('pages.loyalty_program.how_to_start')), h("p", null, salla.lang.get('pages.loyalty_program.two_simple_steps'))));
-            default:
-                return '';
-        }
-    }
-    getDetails(point) {
-        if (point.conditions.filter(c => c.key.endsWith('_BY_CATEGORIES')).length > 0) {
-            return (h("div", null, h("div", { class: "s-loyalty-program-point-subheading" }, h("h2", null, salla.lang.get('pages.loyalty_program.how_to_use')), h("p", null, salla.lang.get('pages.loyalty_program.how_to_use_steps'))), h("div", { class: "s-loyalty-program-points-modal-details" }, point.conditions.map((condition) => h("div", { class: "s-loyalty-program-points-chains-wrapper mt-5 mb-5" }, h("div", { class: "s-loyalty-program-points-chain-item" }, h("div", { class: "s-loyalty-program-points-chain-icon" }, h("div", { class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xs s-loyalty-program-circle-variant-outline-primary" }, sicons[condition.key])), h("div", { class: "s-loyalty-program-points-chain-content" }, h("salla-badge", { size: "xs", color: "primary-900", bg: "primary-100" }, h("span", { innerHTML: SIGift }), formattedPointsJsx(condition.points, isUnitOrder(point))), h("p", { class: "s-loyalty-program-points-chain-description" }, condition.name), h("div", null, this.getCategoriesJsx(condition.value)))))))));
-        }
-        return (h("div", { class: "s-loyalty-program-points-modal-details" }, h("div", { class: "s-loyalty-program-points-chains-wrapper mt-5 mb-5" }, h("ul", { class: "s-loyalty-program-points-chain-list" }, this.point.conditions.map((condition) => h("li", { class: "s-loyalty-program-points-chain-item" }, h("div", { class: "s-loyalty-program-points-chain-icon" }, h("div", { class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xs s-loyalty-program-circle-variant-outline-primary" }, sicons[condition.key]), h("div", { class: "s-loyalty-program-points-chain-line" })), h("div", { class: "s-loyalty-program-points-chain-content" }, h("salla-badge", { size: "xs", color: "primary-900", bg: "primary-100" }, h("span", { innerHTML: SIGift }), formattedPointsJsx(condition.points, isUnitOrder(point), condition.value != null)), h("p", { class: "s-loyalty-program-points-chain-description" }, condition.name))))))));
-    }
-    getCategoriesJsx(categories) {
-        return !categories.length ? '' :
-            h("ul", { class: c('reward-details-categories-list') }, categories.map((category) => (h("li", null, h("a", { href: category.url, class: c('reward-details-categories-item') }, h("span", { innerHTML: SITag }), h("span", { class: c('reward-details-categories-item-content') }, category.name))))));
-    }
-    getTrailingContent(point) {
-        switch (point.type) {
-            case 'first_order':
-            case 'profile':
-                return h("p", { class: "s-loyalty-program-points-completed-note" }, salla.lang.get('pages.loyalty_program.one_time_points'));
-            default:
-                return point.is_completed ? h("p", { class: "s-loyalty-program-points-completed-note" }, salla.lang.get('pages.loyalty_program.one_time_points')) : '';
-        }
-    }
-    render() {
-        return (h("div", { key: '70b7b8ad88f89903726e70b795c2eca98366f601' }, h("div", { key: '32a7d28c05a72d1e2901775ff2148553d70b9c87', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: 'bc8e79fdf21fb641766b3463e792005decf58fd9', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '75e18d5d494d5b97ee12827230641103e934709c', class: this.point.icon })), h("div", { key: '54e40ceeb2cca3248aaa716b85c9ce8d4a41f8ce', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: 'c6d9718b0a2813cba6f59f2ad019f168ec1cc376', size: "xs", bg: "transparent" }, h("span", { key: '33ac630c37139af3dbae295c56c4a5c7aa74d309', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("div", { key: '3d66b854b326090357f2e8320d8a8ab55cbad146', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'bf1b37473fa7f04ca76b66be840e918c74ae44ed', size: "sm", bg: "transparent" }, h("span", { key: '47f6c81b0e4805606bba918f23a2b94fe535e18e', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("p", { key: '8cfacb01351d035968e5886bcc18086ef6c52ec5', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
-            h("a", { class: {
-                    's-loyalty-program-points-action': true,
-                    's-loyalty-program-points-action-completed': this.point.is_completed,
-                    's-loyalty-program-points-action-incomplete': !this.point.is_completed,
-                } }, salla.lang.get('pages.loyalty_program.completed'))
-            : h("a", { href: this.point.url, onClick: e => this.handleAction(e, this.point), class: {
-                    's-loyalty-program-points-action': true,
-                    's-loyalty-program-points-action-completed': this.point.is_completed,
-                    's-loyalty-program-points-action-incomplete': !this.point.is_completed,
-                } }, this.point.description)), h("salla-modal", { key: 'bf3a0db144b8a71c7de03bffa871c83432645cca', ref: modal => this.modal = modal, class: "s-loyalty-program-point-modal s-loyalty-program-modal", width: window.matchMedia('(min-width: 768px)').matches ? 'md' : 'sm', noPadding: true }, h("div", { key: '9e1c30640a2b21d83648a9829cb3d77694d40f43', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'd27cf7911ca8e895d04b82dc786be5d70549b2e9', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '3b32920aee9989499c97e284a8b2689519a531c9', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '65f13ad9b7d9de8f5e5057f4b168e4276ec752de', class: "s-loyalty-program-points-modal-main" }, h("div", { key: 'b52d6b39659ad570321ed464cbd28679572e349f', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '18fcd876ee08265964fabd469ea2c0f62ee6e87b', class: this.point.icon })), h("salla-badge", { key: 'ce5e68c6e7b93b4b972b912db7a8027a0d7bb719', size: "sm", bg: "light" }, h("span", { key: '6325ab966bfc6abb67f08b6f727b41704328ae5a', innerHTML: SIGift }), h("span", { key: '3278b4faf5a0c51ca2a4d55f544b756827f8592f', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), !!this.point.steps && Object.keys(this.point.steps).length > 0 &&
-            h("div", { key: '37a98c643851f1c772584c738c98902e0e960a52', class: "s-loyalty-program-points-modal-details" }, h("div", { key: 'e558373c2726934c68bd1f50a427984756afd0d1', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '018fb529e90d9adc1fd186e06120b175975e0ae3', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
-                const stepsArray = Object.values(this.point.steps);
-                const isLastItem = idx === stepsArray.length - 1;
-                return (h("li", { class: "s-loyalty-program-points-chain-item" }, h("div", { class: "s-loyalty-program-points-chain-icon" }, h("div", { class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xs s-loyalty-program-circle-variant-outline-primary" }, sicons[step.key]), !isLastItem && h("div", { class: "s-loyalty-program-points-chain-line" })), h("div", { class: "s-loyalty-program-points-chain-content" }, h("salla-badge", { size: "xs", color: "primary-900", bg: "primary-100" }, h("span", null, salla.lang.get(`pages.loyalty_program.step_${idx + 1}`))), h("p", { class: "s-loyalty-program-points-chain-description" }, step.title || step.name))));
-            })))), this.getDetails(this.point), h("div", { key: 'dea38fc445b304630d0b4baa122a5a95f35f0d2c', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: SIGift }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: 'a8fbe3f878510dd27ccbe91c0d0253ed17f77fee', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '74e883a658f22fd3f26291efeba30ccc59f52baa', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
-                's-loyalty-program-points-action': true,
-                's-loyalty-program-points-action-completed': this.point.is_completed,
-                's-loyalty-program-points-action-incomplete': !this.point.is_completed,
-            } }, this.point.is_completed ? salla.lang.get('pages.loyalty_program.completed') : this.point.description)))));
-    }
-    get host() { return getElement(this); }
-};
-SallaLoyaltyPoint.style = sallaLoyaltyProgramCss;
-
-export { SallaLoyaltyHero as salla_loyalty_hero, SallaLoyaltyPoint as salla_loyalty_point };

package/dist/esm/salla-loyalty-panel.entry.js

@@ -1,102 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { h, r as registerInstance } from './index-BICKbbaT.js';
-import { n as normalizeLoyaltyData, c as closeModals } from './functions-DBwN_PnC.js';
-import { S as Star } from './star2-D4oPi1Ov.js';
-import { S as SICancel } from './cancel-8Tsmrwno.js';
-import { S as SIPercentage, a as SILayoutGrid } from './percentage-Bs6JxDkg.js';
-import { S as SIShipping } from './shipping-CZRcMGA9.js';
-import { S as SICart2 } from './cart2-D1s2kXqL.js';
-import { T as TrackedPromise } from './tracked-promise-BGUdJ_Y7.js';
-
-var PrizeImage = `<svg xmlns="http://www.w3.org/2000/svg" width="77" height="77" fill="none" viewBox="0 0 57 57"><rect width="56.3" height="55.9" x=".4" y=".2" fill="#FFF5E5" rx="27.9"/><g clip-path="url(#a)"><path fill="#EE9D0D" d="M16.7 27.5h17.5v12.2a1 1 0 0 1-1 1H17.7a1 1 0 0 1-1-1V27.5Z"/><path fill="#C7830B" d="M34.2 27.8v6l-6.8-6.3H34l.3.3Z"/><path fill="#C7830B" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EA2B2D" d="m29.9 15.8-.3.1a2.4 2.4 0 0 0-1.4 1.5l-.2.8-.4.2a2.4 2.4 0 0 0-1.1 1.4l4.2 3.9L33 21l.2-2.9a2.4 2.4 0 0 0-3.3-2.4ZM41.1 26.3v.2a2.4 2.4 0 0 1-1.5 1.6l-.7.3-.2.3a2.4 2.4 0 0 1-1.3 1.3l-4.2-4 2.4-2.5 2.9-.3a2.4 2.4 0 0 1 2.6 3.1Z"/><path fill="#CB2527" d="M23.7 27.5h3.5v13.1h-3.5V27.5Z"/><path fill="#EA2B2D" d="M16.7 32.3h17.5v3.5H16.7v-3.5Z"/><path fill="#CB2527" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EE9D0D" d="M25.3 18.7 38.6 31a1 1 0 0 1 0 1.4l-2.3 2.4-14.7-13.7 2.3-2.5a1 1 0 0 1 1.4 0Z"/><path fill="#CB2527" d="m30.3 23.4 3.2 3-3 3.2-3.2-3 3-3.2ZM31.8 22.8a.4.4 0 0 1-.3-.1l-.3-.4A5.9 5.9 0 0 1 30 18a.4.4 0 0 1 .9 0 5 5 0 0 0 1 3.7l.3.3a.4.4 0 0 1-.4.7Z"/><path fill="#EA2B2D" d="M30.7 23.7c-1.9.7-3.8 1-5.7.9h-1.1l1.9 1.7-.6 1.9 1.8-.6c1.7-.5 3.2-1.4 4.6-2.5l.3-.2-1.2-1.2Z"/><path fill="#CB2527" d="M37.8 26.4c-1.1 0-2.3-.3-3.2-1l-.4-.2a.4.4 0 0 1 0-.8.4.4 0 0 1 .5 0l.3.3a5 5 0 0 0 3.7.7.4.4 0 1 1 .2 1 6 6 0 0 1-1 0Z"/><path fill="#EA2B2D" d="M33.2 26c-.5 2-.7 3.9-.5 5.8l.1 1.1-1.9-1.8-1.8.7.4-1.8c.4-1.7 1.2-3.3 2.2-4.8l.2-.3 1.3 1.2Z"/><path fill="#6699CE" d="M21.5 17.4a.9.9 0 1 0 0-1.7.9.9 0 0 0 0 1.7Z"/><path fill="#FAA6B2" d="M16.7 27.5a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Z"/><path fill="#A6DEFF" d="M18.4 17.9a.4.4 0 0 1-.4-.3v-.1a1.4 1.4 0 0 0-1.3-1 .4.4 0 0 1-.2-.8h.2a2.3 2.3 0 0 1 2.1 1.5.4.4 0 0 1-.4.7ZM20.6 25.6h-.2v-.1a1 1 0 0 0-1.1 0 .4.4 0 0 1-.5-.8 1.8 1.8 0 0 1 2 0 .4.4 0 0 1-.2.9Z"/><path fill="#EEB436" d="m17.6 18.6 1.3 1.2 1.8-.4-.7 1.7.9 1.6-1.8-.2-1.2 1.3-.4-1.8-1.7-.7 1.6-.9.2-1.8ZM23 26.6l-.5 1.8 1.2 1.3-1.8.2-1 1.5-.6-1.7-1.8-.4 1.4-1.1-.2-1.9 1.6 1 1.6-.7Z"/><path fill="#F72D2F" d="m33.2 26-2.5-2.3L33 21a4 4 0 0 1 2.6 2.4l-2.4 2.6Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M15.8 15.7h25.4v25H15.8z"/></clipPath></defs></svg>`;
-
-const sallaLoyaltyProgramCss = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const sicons = {
-    all: h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: SILayoutGrid }),
-    free_shipping: h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: SIShipping }),
-    coupon_discount: h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: SIPercentage }),
-    free_product: h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: SICart2 }),
-};
-const SallaLoyaltyPanel = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * prize to show in details or exchange modals
-         */
-        this.currentPrize = null;
-        this.currentProductId = null;
-        this.handleExchangeSucceeded = () => window.location.reload();
-        this.handleResetSucceeded = () => window.location.reload();
-    }
-    componentWillLoad() {
-        return salla.onReady()
-            .then(() => salla.lang.onLoaded())
-            .then(() => {
-            salla.event.on('loyalty::exchange.succeeded', this.handleExchangeSucceeded);
-            salla.event.on('loyalty::exchange-reset.succeeded', this.handleResetSucceeded);
-            // Fetch points if user is logged in
-            if (!salla.config.isGuest()) {
-                this.points();
-            }
-        })
-            .catch((error) => salla.logger.error(error));
-    }
-    disconnectedCallback() {
-        salla.event.off('loyalty::exchange.succeeded', this.handleExchangeSucceeded);
-        salla.event.off('loyalty::exchange-reset.succeeded', this.handleResetSucceeded);
-    }
-    render() {
-        const prizesGroups = this.program.data.prizes;
-        const prizesCount = this.program.data.prizes_count;
-        const customerPoints = (this.points.data ?? this.customerPoints ?? 0);
-        if (this.prizeTitle && this.prizePoints != null && this.prizePoints !== '') {
-            return (h("div", { class: "s-loyalty-program-panel-exchange-wrapper" }, h("salla-list-tile", { class: "s-loyalty-program-after-exchange" }, h("div", { slot: "title", class: "s-loyalty-program-after-exchange-title" }, this.prizeTitle, " \u00A0 - \u00A0 ", this.prizePoints, " ", salla.lang.get('pages.loyalty_program.point')), h("div", { slot: "action", class: "s-loyalty-program-after-exchange-action" }, h("salla-button", { class: "s-loyalty-program-after-exchange-reset", shape: "icon", fill: 'outline', color: "danger", size: "small", onClick: () => salla.loyalty.reset() }, h("span", { innerHTML: SICancel }))))));
-        }
-        if (!customerPoints || customerPoints === 0) {
-            return null;
-        }
-        return (h("div", { class: "" }, h("div", { class: "s-loyalty-program-panel-exchange-wrapper" }, h("salla-list-tile", { class: 's-loyalty-program-panel-widget' }, h("div", { slot: "icon", class: "s-loyalty-program-panel-widget-icon", innerHTML: Star }), h("div", { slot: "subtitle" }, salla.lang.get('pages.loyalty_program.cart_total_point_summary', { "balance": customerPoints }), h("salla-button", { shape: "link", color: "primary", onClick: () => {
-                if (['error', 'idle'].includes(this.program.status)) {
-                    this.program();
-                }
-                this.rewardsModal.open();
-            } }, salla.lang.get('pages.loyalty_program.cart_point_exchange_now'))))), h("salla-modal", { id: "loyalty-rewards-modal", isLoading: this.program.status === 'pending', ref: modal => this.rewardsModal = modal, class: "s-loyalty-program-rewards-cart s-loyalty-program-modal", width: "lg", noPadding: true }, h("div", { slot: "loading" }, h("salla-loading", null)), this.program.status === 'success' ? h("div", { class: "s-loyalty-program-rewards-container-cart" }, h("div", { class: "s-loyalty-program-rewards-cart-header" }, h("div", { innerHTML: PrizeImage }), h("div", { class: "s-loyalty-program-panel-content" }, h("h1", null, this.program.data.prize_promotion_title), h("p", null, this.program.data.prize_promotion_description))), h("div", { class: {
-                's-loyalty-program-slider-arrows': true,
-                's-loyalty-program-tabs-hider': prizesGroups.length < 2 || prizesCount < 2,
-            } }, h("salla-tabs", null, prizesGroups.map((group) => (h("salla-tab-header", { slot: "header", name: group.type }, sicons[group.type], h("span", null, group.title)))), prizesGroups.map((group) => (h("salla-tab-content", { slot: "content", name: group.type }, h("salla-slider", { id: group.type, type: "default", "slider-config": '{"loop":false,"slidesPerView":"auto","freeMode":true,"spaceBetween":12,"breakpoints":{"768":{"slidesPerView":3,"spaceBetween":24,"freeMode":false,"speed":300}}}' }, h("div", { slot: "items" }, group.items.map((prize) => h("salla-reward-card", { prize: prize, onAreaClick: () => {
-                this.currentPrize = prize;
-                closeModals(() => this.detailsModal.open());
-            }, onActionClick: () => {
-                this.currentPrize = prize;
-                closeModals(() => this.detailsModal.open());
-            } })))))))))) : ''), h("salla-modal", { ref: modal => this.detailsModal = modal, class: "s-loyalty-program-modal", width: "md", noPadding: true }, !this.currentPrize ? '' : h("salla-reward-details", { onActionClick: () => { this.currentProductId = null; closeModals(() => this.exchangeModal.open()); }, onProductActionClick: (e) => { this.currentProductId = e.detail.productId; closeModals(() => this.exchangeModal.open()); }, prize: this.currentPrize })), h("salla-modal", { ref: modal => this.exchangeModal = modal, class: "s-loyalty-program-modal", width: "sm" }, !this.currentPrize ? '' : h("salla-reward-exchange", { prize: this.currentPrize, productId: this.currentProductId }))));
-    }
-};
-__decorate([
-    TrackedPromise(async () => {
-        const { data } = await salla.loyalty.getProgram();
-        return normalizeLoyaltyData(data);
-    }, { initialData: { prizes: [], prizes_count: 0 } })
-], SallaLoyaltyPanel.prototype, "program", void 0);
-__decorate([
-    TrackedPromise(async () => {
-        const { data } = await salla.loyalty.getPoints();
-        return data.points;
-    }, { initialData: null })
-], SallaLoyaltyPanel.prototype, "points", void 0);
-SallaLoyaltyPanel.style = sallaLoyaltyProgramCss;
-
-export { SallaLoyaltyPanel as salla_loyalty_panel };

package/dist/esm/salla-loyalty-program.entry.js

@@ -1,132 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { h, r as registerInstance } from './index-BICKbbaT.js';
-import { n as normalizeLoyaltyData, a as nearestLowerMultiple, c as closeModals } from './functions-DBwN_PnC.js';
-import { S as SIPercentage, a as SILayoutGrid } from './percentage-Bs6JxDkg.js';
-import { S as SIShipping } from './shipping-CZRcMGA9.js';
-import { S as SICart2 } from './cart2-D1s2kXqL.js';
-import { S as SIUserAdd } from './user-add-QpH8MU22.js';
-import { S as SIGiftSharing } from './gift-sharing-0-eTJXSD.js';
-import { T as TrackedPromise } from './tracked-promise-BGUdJ_Y7.js';
-import { a as anime } from './anime.es-CgtvEd63.js';
-
-var SICartUpload = `<!-- 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>cart-upload</title>
-<path d="M14.545 7.669l3.121-2.732v9.729c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-9.728l3.121 2.732c0.253 0.22 0.567 0.329 0.879 0.329 0.371 0 0.74-0.155 1.004-0.455 0.485-0.555 0.429-1.396-0.125-1.881l-5.333-4.667c-0.503-0.44-1.253-0.44-1.756 0l-5.333 4.667c-0.555 0.484-0.611 1.327-0.125 1.881 0.484 0.552 1.325 0.609 1.881 0.124zM30.647 5.371c-0.713-0.171-1.436 0.267-1.609 0.983l-2.744 11.363c-0.171 0.568-0.684 0.951-1.277 0.951h-12.136c-0.563 0-1.067-0.356-1.256-0.885l-6.035-16.896c-0.189-0.531-0.692-0.885-1.256-0.885h-2.667c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h1.727l5.719 16.012c0.567 1.588 2.081 2.655 3.768 2.655h12.136c1.78 0 3.32-1.145 3.851-2.92l2.763-11.433c0.173-0.716-0.267-1.436-0.983-1.609zM13.667 24c-2.205 0-4 1.795-4 4s1.795 4 4 4 4-1.795 4-4-1.795-4-4-4zM13.667 29.333c-0.735 0-1.333-0.599-1.333-1.333s0.599-1.333 1.333-1.333 1.333 0.599 1.333 1.333-0.599 1.333-1.333 1.333zM24.333 24c-2.205 0-4 1.795-4 4s1.795 4 4 4 4-1.795 4-4-1.795-4-4-4zM24.333 29.333c-0.735 0-1.333-0.599-1.333-1.333s0.599-1.333 1.333-1.333 1.333 0.599 1.333 1.333-0.599 1.333-1.333 1.333z"></path>
-</svg>
-`;
-
-const sallaLoyaltyProgramCss = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const sicons = {
-    all: h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: SILayoutGrid }),
-    free_shipping: h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: SIShipping }),
-    coupon_discount: h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: SIPercentage }),
-    free_product: h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: SICart2 }),
-};
-const SallaLoyaltyProgram = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * prize to show in details or exchange modals
-         */
-        this.currentPrize = null;
-        this.currentProductId = null;
-        /**
-         * collapsed state of points list
-         */
-        this.collapsed = true;
-        this.animatedPoints = 0;
-        this.handleExchangeSucceeded = () => {
-            this.points();
-            this.program();
-        };
-    }
-    componentWillLoad() {
-        return salla.onReady()
-            .then(() => salla.lang.onLoaded())
-            .then(() => {
-            this.program();
-            this.points();
-            salla.event.on('loyalty::exchange.succeeded', this.handleExchangeSucceeded);
-        })
-            .catch((error) => salla.logger.error(error));
-    }
-    disconnectedCallback() {
-        salla.event.off('loyalty::exchange.succeeded', this.handleExchangeSucceeded);
-    }
-    getOutlineItem(number, title, description) {
-        const icons = {
-            1: h("span", { innerHTML: SIUserAdd }),
-            2: h("span", { innerHTML: SIGiftSharing }),
-            3: h("span", { innerHTML: SICartUpload }),
-        };
-        return (h("li", { class: "s-loyalty-program-item" }, h("div", { class: "s-loyalty-program-content" }, h("span", { class: "s-loyalty-program-icon-container" }, h("span", { class: "s-loyalty-program-text-gradient" }, number), h("span", { class: "s-loyalty-program-icon" }, icons[number])), h("div", { class: "s-loyalty-program-title" }, title), h("div", { class: "s-loyalty-program-description" }, description))));
-    }
-    render() {
-        if (this.program.status === 'error') {
-            return h("p", null, salla.lang.get('common.errors.error_occured'));
-        }
-        const displayedPoints = this.program.data.points.slice(0, this.collapsed ? nearestLowerMultiple(this.program.data.points.length) : this.program.data.points.length);
-        const prizesGroups = this.program.data.prizes;
-        const prizesCount = this.program.data.prizes_count;
-        return (h("div", { class: "s-loyalty-program-container" }, h("salla-loyalty-hero", { name: this.program.data.name, description: this.program.data.description, image: this.program.data.image }, salla.config.isUser()
-            ? h("div", { slot: "crosspoint", class: "s-loyalty-program-profile-wrapper" }, h("div", { class: "s-loyalty-program-profile-container" }, h("div", { class: "s-loyalty-program-profile-points-section" }, h("h2", { class: "s-loyalty-program-profile-label" }, salla.lang.get('pages.loyalty_program.your_points')), h("p", { class: "s-loyalty-program-profile-points" }, h("span", { class: "s-loyalty-program-profile-points-value" }, !!this.animatedPoints ? this.animatedPoints : this.points.data), "\u00A0", salla.lang.get('pages.loyalty_program.point'))), h("salla-button", { href: salla.url.get('loyalty_points'), fill: "outline", color: "primary" }, salla.lang.get('pages.loyalty_program.view_points_log'))))
-            : h("button", { slot: "action", onClick: () => salla.event.dispatch('login::open'), class: {
-                    's-loyalty-program-login-action': true,
-                    's-loyalty-program-login-action-dark': !this.program.data.image,
-                    's-loyalty-program-login-action-light': !!this.program.data.image,
-                } }, salla.lang.get('blocks.header.login'))), h("div", { class: "s-loyalty-program-outline-section" }, h("section", { class: "s-loyalty-program-section" }, h("header", { class: "s-loyalty-program-header" }, h("h1", { class: "s-loyalty-program-main-title" }, salla.lang.get('pages.loyalty_program.how_to_start')), h("p", { class: "s-loyalty-program-subtitle" }, salla.lang.get('pages.loyalty_program.three_simple_steps'))), h("ol", { class: "s-loyalty-program-list" }, this.getOutlineItem(1, salla.lang.get('pages.loyalty_program.register'), salla.lang.get('pages.loyalty_program.create_account')), this.getOutlineItem(2, salla.lang.get('pages.loyalty_program.earn_points'), salla.lang.get('pages.loyalty_program.complete_tasks')), this.getOutlineItem(3, salla.lang.get('pages.loyalty_program.redeem_rewards'), salla.lang.get('pages.loyalty_program.enjoy_rewards'))))), h("div", { class: "s-loyalty-program-points-wrapper" }, h("section", { class: "s-loyalty-program-points-section" }, h("header", { class: "s-loyalty-program-points-header" }, h("h1", { class: "s-loyalty-program-points-title" }, this.program.data.promotion_title), h("p", { class: "s-loyalty-program-points-description" }, this.program.data.promotion_description)), h("div", { class: "s-loyalty-program-points-spacer" }), h("ul", { class: {
-                's-loyalty-program-points-list-one': this.program.data.points.length === 1,
-                's-loyalty-program-points-list-two': this.program.data.points.length === 2,
-                's-loyalty-program-points-list-multi': this.program.data.points.length > 2,
-            } }, displayedPoints.map(point => (h("li", null, h("salla-loyalty-point", { point: point }))))), h("div", { class: "s-loyalty-program-points-spacer" }), nearestLowerMultiple(this.program.data.points.length) !== this.program.data.points.length && h("button", { class: "s-loyalty-program-points-more-button", onClick: () => this.collapsed = !this.collapsed }, this.collapsed
-            ? h("span", null, salla.lang.get('pages.loyalty_program.show_more'), "\u00A0\u00A0", h("span", { style: { fontSize: '1.2rem', fontWeight: '300' } }, "+"))
-            : h("span", null, salla.lang.get('pages.loyalty_program.show_less'), "\u00A0\u00A0", h("span", { style: { fontSize: '1.2rem', fontWeight: '300' } }, "-"))))), this.program.status !== 'success' ? '' : h("div", { class: "s-loyalty-program-rewards-container s-loyalty-program-slider-arrows-edges" }, h("section", { class: {
-                's-loyalty-program-tabs-hider': prizesGroups.length <= 2 || prizesCount <= 4,
-            } }, h("h1", { class: "s-loyalty-program-rewards-heading-mobile" }, salla.lang.get('pages.loyalty_program.rewards')), h("salla-tabs", null, h("div", { slot: "header", class: "s-loyalty-program-rewards-tab-items" }, prizesGroups.map((group) => (h("salla-tab-header", { slot: "header", name: group.type }, sicons[group.type], h("span", null, group.title))))), h("h1", { slot: "header", class: "s-loyalty-program-rewards-heading-desktop" }, salla.lang.get('pages.loyalty_program.rewards')), prizesGroups.map((group) => (h("salla-tab-content", { slot: "content", name: group.type }, h("salla-slider", { id: group.type, type: "default", "slider-config": '{"loop":false,"slidesPerView":"auto","freeMode":true,"spaceBetween":12,"breakpoints":{"768":{"slidesPerView":4,"spaceBetween":24,"freeMode":false,"speed":300}}}' }, h("div", { slot: "items" }, group.items.map((prize) => h("salla-reward-card", { prize: prize, onAreaClick: () => {
-                this.currentPrize = prize;
-                closeModals(() => this.detailsModal.open());
-            }, onActionClick: () => {
-                this.currentPrize = prize;
-                closeModals(() => this.detailsModal.open());
-            } })))))))), h("salla-modal", { ref: modal => this.detailsModal = modal, class: "s-loyalty-program-modal", width: "md", noPadding: true }, !this.currentPrize ? '' : h("salla-reward-details", { onActionClick: () => { this.currentProductId = null; closeModals(() => this.exchangeModal.open()); }, onProductActionClick: (e) => { this.currentProductId = e.detail.productId; closeModals(() => this.exchangeModal.open()); }, prize: this.currentPrize })), h("salla-modal", { ref: modal => this.exchangeModal = modal, class: "s-loyalty-program-modal", width: "sm" }, !this.currentPrize ? '' : h("salla-reward-exchange", { prize: this.currentPrize, productId: this.currentProductId }))))));
-    }
-};
-__decorate([
-    TrackedPromise(async function () {
-        const { data } = await salla.loyalty.getProgram();
-        return normalizeLoyaltyData(data);
-    }, { initialData: { points: [], prizes: [], prizes_count: 0 } })
-], SallaLoyaltyProgram.prototype, "program", void 0);
-__decorate([
-    TrackedPromise(async function () {
-        const { data } = await salla.loyalty.getPoints();
-        anime({
-            targets: { value: 0 },
-            value: data.points ?? 0,
-            round: 1,
-            easing: 'easeOutQuad',
-            duration: 2000,
-            update: (anim) => {
-                this.animatedPoints = anim.animations[0].currentValue;
-            }
-        });
-        return data.points;
-    })
-], SallaLoyaltyProgram.prototype, "points", void 0);
-SallaLoyaltyProgram.style = sallaLoyaltyProgramCss;
-
-export { SallaLoyaltyProgram as salla_loyalty_program };

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

@@ -1,52 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, c as createEvent, h } from './index-BICKbbaT.js';
-import { c as closeModals } from './functions-DBwN_PnC.js';
-import { S as SIGift } from './gift-CXRKXFgT.js';
-
-const sallaLoyaltyProgramCss = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";
-
-const SallaLoyaltyReward = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.rewardModalOpen = createEvent(this, "rewardModalOpen");
-        this.confirmModalOpen = createEvent(this, "confirmModalOpen");
-        this.size = 'md';
-        this.isActionClickable = (prize) => {
-            switch (prize.key?.toLowerCase()) {
-                case 'free_product':
-                    return prize.is_product_available;
-                default:
-                    return true;
-            }
-        };
-        this.handleActionArea = () => {
-            this.rewardModalOpen.emit(this.prize);
-        };
-        this.handleAction = () => {
-            if (!this.isActionClickable(this.prize))
-                return;
-            if (!salla.config.isUser()) {
-                closeModals(() => salla.event.dispatch('login::open'));
-                return;
-            }
-            else {
-                this.confirmModalOpen.emit(this.prize);
-            }
-        };
-    }
-    render() {
-        return (h("div", { key: '22e55c164715cff3ab89a9d2d0ac98042aee3063', class: {
-                's-loyalty-program-reward-container': true,
-                's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, h("div", { key: 'f4854008846b39552fdce909b497e43c649543ca', onClick: this.handleActionArea, role: "button" }, h("div", { key: 'adc5c0df86193798cc166f6adfa0c2447df0832b', class: "s-loyalty-program-reward-img" }, h("img", { key: '859cc1f77a4be5548ff1caa6820ec40b09af213d', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: '8c7d6248e557108462dfb82ba2974768686734c7', class: "s-loyalty-program-reward-content" }, h("div", { key: 'a2bf4e4971697d3cefb3d14d5ef5fbe4406edd09', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '06640ab8ec19795a8a451274c371e0f77f888fb7', size: "xs" }, h("span", { key: 'f5c90a08e80d106bf11fe45a9c3ace3cedf61af1', innerHTML: SIGift }), h("span", { key: '7feeea4188439c1c23acacf222149e7c59367dc4', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '8e5ef727a8c704b8f0040b752796bc59924ee64c', class: "s-loyalty-program-reward-title" }, h("span", { key: 'fbdd1636477122d629ec2fec71d8a57bc8dfe4cb' }, this.group)), h("div", { key: 'a0d4f204e207be64bdb515e7e4e8ba89235b2693', class: "s-loyalty-program-reward-name" }, h("div", { key: '000794a28c85f67d0c72a4f886c81d303a41f345', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: 'd4c51e1fe48bf9ec23f9c9d0b48b0e2343428d59', class: "p-4" }, h("button", { key: 'ca12fd9a4ee98380ed1db9f7aebbbf1e2906ab79', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
-                's-loyalty-program-rewards-action-base': true,
-                's-loyalty-program-rewards-action-on': this.isActionClickable(this.prize),
-                's-loyalty-program-rewards-action-off': !this.isActionClickable(this.prize),
-            } }, this.isActionClickable(this.prize) ? salla.lang.get('pages.loyalty_program.redeem_reward') : salla.lang.get('pages.loyalty_program.out_of_stock')))));
-    }
-};
-SallaLoyaltyReward.style = sallaLoyaltyProgramCss;
-
-export { SallaLoyaltyReward as salla_loyalty_reward };

package/dist/esm/salla-notification-item.entry.js

@@ -1,18 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, h } from './index-BICKbbaT.js';
-
-const sallaNotificationsCss = "";
-
-const SallaNotificationItem = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return h("a", { key: '59f70f3078b1a7d47bcee6ccd2d472cb8e9e0823', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '7cfde773f99fd97d2564bb76820fcdc10ddaf1c9', class: "s-notifications-item-icon" }, h("i", { key: 'c7ac49641200f8200d79d801626d819c2ad025d8', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '7b20a3de69f26d62185121017904ea8b73acde6d', class: "s-notifications-item-content" }, h("div", { key: '03e8f73de33418b41ab3dcec65a6cf916edbf670', class: "s-notifications-item-content-leading" }, h("h4", { key: '94f21a0c414c97f647af33f8ec84d74ec91c6de6' }, this.notification.title), h("p", { key: 'b821d9ba8af890d9d3b96b58488ccfe33ae681a1' }, this.notification.sub_title)), h("span", { key: '5aed923cbcdd3b92178de4660b2940ca1fd1958a', class: "s-notifications-item-content-trailing" }, h("i", { key: '283ce5224c7de7ada8afffb9c3ef43bb17f91944', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: 'b868dc7ecde4155c9827d6ccb2b2ac919525c71b' }, this.notification.date))));
-    }
-};
-SallaNotificationItem.style = sallaNotificationsCss;
-
-export { SallaNotificationItem as salla_notification_item };