@salla.sa/twilight-components 2.14.402 → 2.14.404

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

@@ -3,6 +3,8 @@
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { S as SpecialDiscountIcon } from './special-discount.js';
+import { T as Tag } from './tag.js';
+import { C as Cart2 } from './cart2.js';
 import { d as defineCustomElement$f } from './salla-add-product-button2.js';
 import { d as defineCustomElement$e } from './salla-button2.js';
 import { d as defineCustomElement$d } from './salla-count-down2.js';
@@ -18,19 +20,6 @@ import { d as defineCustomElement$4 } from './salla-skeleton2.js';
 import { d as defineCustomElement$3 } from './salla-slider2.js';
 import { d as defineCustomElement$2 } from './salla-tel-input2.js';
 
-var Tag = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>tag</title>
-<path d="M28 0h-9.344c-1.059 0-2.056 0.411-2.809 1.153l-14.673 14.456c-1.56 1.56-1.561 4.097-0.001 5.657l9.56 9.56c0.755 0.755 1.76 1.172 2.828 1.173h0.003c1.068 0 2.072-0.416 2.833-1.179l14.451-14.668c0.743-0.753 1.153-1.751 1.153-2.809v-9.344c0-2.205-1.795-4-4-4zM29.333 13.344c0 0.353-0.137 0.685-0.385 0.937l-14.444 14.661c-0.252 0.252-0.587 0.391-0.941 0.391-0.001 0-0.001 0-0.001 0-0.356-0.001-0.691-0.139-0.943-0.392l-9.561-9.56c-0.52-0.52-0.52-1.365-0.005-1.88l14.667-14.449c0.253-0.248 0.585-0.385 0.937-0.385h9.344c0.736 0 1.333 0.597 1.333 1.333zM24 6.673c-0.737 0-1.333 0.604-1.333 1.341s0.596 1.333 1.333 1.333 1.333-0.596 1.333-1.333v-0.015c0-0.737-0.596-1.327-1.333-1.327z"></path>
-</svg>
-`;
-
-var Cart2 = `<!-- 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>cart2</title>
-<path d="M6.845 5.333l-1.905-5.333h-3.607c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333v0h1.727l5.72 16.012c0.569 1.56 2.039 2.654 3.765 2.655h12.133c0.001 0 0.002 0 0.003 0 1.825 0 3.364-1.222 3.845-2.892l0.007-0.028 3.161-13.080zM25.96 17.716c-0.167 0.554-0.672 0.951-1.27 0.951-0.002 0-0.005 0-0.007-0h-12.133c-0.575-0-1.065-0.364-1.252-0.875l-0.003-0.009-3.497-9.783h20.508zM13.333 24c-2.209 0-4 1.791-4 4s1.791 4 4 4c2.209 0 4-1.791 4-4v0c0-2.209-1.791-4-4-4v0zM13.333 29.333c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333c0.736 0 1.333 0.597 1.333 1.333v0c0 0.736-0.597 1.333-1.333 1.333v0zM24 24c-2.209 0-4 1.791-4 4s1.791 4 4 4c2.209 0 4-1.791 4-4v0c0-2.209-1.791-4-4-4v0zM24 29.333c-0.736 0-1.333-0.597-1.333-1.333s0.597-1.333 1.333-1.333c0.736 0 1.333 0.597 1.333 1.333v0c0 0.736-0.597 1.333-1.333 1.333v0z"></path>
-</svg>
-`;
-
 const sallaOfferModalCss = ".s-offer-modal-type-products .s-modal-body{min-height:690px;position:relative}";
 
 const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal extends HTMLElement {
@@ -224,7 +213,7 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: '897f81ff7d0b0415075cd0a5d546b1dccb67916f', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: '3b6909ea6be039e857ec72e1b58e92296fa7112a', slot: 'loading' }, h("div", { key: '297819c01b8aa686ea23aa2a3c7b652329e53831', class: "s-offer-modal-skeleton" }, h("div", { key: '28445bb4ee235498777153083e9538646ac9090a', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '1e1b263a489b431cf72fcccd7ce9b104ee1c14b5', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'e0741d35d28615f4a24988a1896239ee46a574a7', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'ff6bbd049888bf003fce59045df80df81f65df73', height: '10px', width: '30%' })), h("div", { key: 'ef5a6f218efacf3534828a7612a01ff9fcf13589', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '2eda217eeb9c8e1b3019f3cee8790b56ed57e245', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'eb05f2002be23602919b118d7b8f3c0d355fadec', height: '15px', width: '50%' }), h("salla-skeleton", { key: '7350610c6b4b48b5bb8de0d674555c3001b14909', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: '8be68e5882a9cbb1f4286f765f5db3ce88689c16', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: '570bcafe6a1a00534b26ee25aa154e46594cb662', slot: 'loading' }, h("div", { key: 'baee23d1ad4429e8663fcf043004bf0747fe47de', class: "s-offer-modal-skeleton" }, h("div", { key: '1c6967ecfb17092c48247c17c2ce86b8ca048c77', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'a6ce5a415d4e6350c2467d7d3c070fddaeccd074', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '2d65ed027b9fff7eae7ecbb372f9e584a0334cf5', height: '15px', width: '50%' }), h("salla-skeleton", { key: '247706c9ddf7d2b9f96c7ea2deac960de3449017', height: '10px', width: '30%' })), h("div", { key: 'b5c9fec6565313706e2d6b73e2f060e4b216ffbc', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '58e2d38061e8e4434113b1fc16f3601969e342da', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'c388e246236e4849e5d97592ea6a803e6409083f', height: '15px', width: '50%' }), h("salla-skeleton", { key: '4ccd783b15647cf62f1b5b4d760f3e7feead7bfb', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
                     : '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),

package/dist/components/salla-order-details.js

@@ -47,7 +47,7 @@ const SallaOrderDetails$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderDet
         ];
     }
     render() {
-        return h(Host, { key: '880b4567c82b94af07c1bcb0303c64516fb0791b', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return h(Host, { key: '41599687bddf4d4b9eda3572ce39b93a0d8f596d', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get watchers() { return {
         "orderDetails": ["parseOrderDetailsData"]

package/dist/components/salla-order-summary.js

@@ -93,7 +93,7 @@ const SallaOrderSummary$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderSum
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (h("ul", { key: 'bb16ccab71851d8853fae1b08b66c9c3bb590766', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+        return (h("ul", { key: 'bb8c8e2c3a44f0922012789efc9a73d71fd213d5', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
             this.order_items.map((item) => (this.isDigitalCard(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, h("p", null, h("span", { innerHTML: iconCreditCard }), h("span", null, code.code)), h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, h("span", { innerHTML: this.codeCopied === code.code ? IconVerified : iconCopy }), h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), h("ul", null, item.files.map((file) => (h("li", { class: "s-order-summary-digital-item-wrapper" }, h("div", null, h("span", { innerHTML: iconFileArchive }), h("span", null, file.name)), h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, h("span", { innerHTML: iconDownload }), h("span", null, this.download_text)))))))) : null))));
     }

package/dist/components/salla-payments.js

@@ -35,12 +35,12 @@ const SallaPayments$1 = /*@__PURE__*/ proxyCustomElement(class SallaPayments ext
     render() {
         const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
         const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
-        return (h(Host, { key: '6afc19aa3f0a72847228c7de6c783c3ba9f38ee9', class: "s-payments-list-wrap" }, h("ul", { key: '8311e5bc5aa86535d77ccad64b56c5ddb3028f87', class: "s-payments-list" }, madeInKSA && h("li", { key: '5b8769a8c89273363e835905de1cd9f02fec1df6', class: "s-payments-list-item" }, h("img", { key: '7b42b4a0a14f4bdab3138e79c37ad62e74247732', width: "100%", height: "100%", decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
+        return (h(Host, { key: '3e44396c845375f9147a4dd036fe63f299787a6f', class: "s-payments-list-wrap" }, h("ul", { key: '476cc234749bb57898769d1089d718995da9ae12', class: "s-payments-list" }, madeInKSA && h("li", { key: '2bbe346520331ca8bff96a5fb8f4628093422e61', class: "s-payments-list-item" }, h("img", { key: 'a281cc6e6bf4cdfc8fa4948c86a9b1b024bca8b8', width: "100%", height: "100%", decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
             h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
             h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 58, 58))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '253ef6d5520979a22c48f1e63c53eab3fd5e21ad', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'ef5bbf9934a50015e2eb588f41ec9b5f86341dea', id: "sbc-slot", innerHTML: this.sbcSlot
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }

package/dist/components/salla-placeholder2.js

@@ -42,7 +42,7 @@ const SallaPlaceholder = /*@__PURE__*/ proxyCustomElement(class SallaPlaceholder
         };
     }
     render() {
-        return (h(Host, { key: '5b47d9b6a9428741dfb434aeb60e648c416978e8', class: this.alignmentClass() }, h("div", { key: 'e9b7adc6596ac9d237dd6902f880885851a3f357', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '7ccee11d11b9f0e7c10fedb316c1b92b1977d0c9', class: "s-placeholder-title" }, h("slot", { key: '4ebd518a89fdbb490b50fb5ce255bbddd467844a', name: 'title' }, h("span", { key: 'c4d27cffdfb98c33ec1ccfe375e0540be2ac7b63' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '967b688ef6d2aae128c21edf496b42d1fd804afa', class: "s-placeholder-description" }, h("slot", { key: '2e5bb58b4ed6ebafd18b12e291bc90fba7296965', name: 'description' }, h("span", { key: '83f78b4924b97cec60dd1d6e25f4ddf0eefb324a' }, salla.lang.get('common.errors.empty_results'))))));
+        return (h(Host, { key: '85a52f39cc2012ca1a3c6d143d06b81981d761aa', class: this.alignmentClass() }, h("div", { key: '35be844bc3883f3451344bbeedb4b24f9c218f7a', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '58152da7774e79fdb09465087b741212a3982cf2', class: "s-placeholder-title" }, h("slot", { key: 'f9953085b498043920fd03ae44a082e0fb1a02d2', name: 'title' }, h("span", { key: '989633e3165d187c6d3b36e0cdfa2cb10466c6da' }, salla.lang.get('common.elements.no_options')))), h("div", { key: 'bfbcbb5a2f9561292e5a6850eb43f5bfea8bd040', class: "s-placeholder-description" }, h("slot", { key: '4592587daaaa41c67cd7670eea7d5e7e3d8635d7', name: 'description' }, h("span", { key: '4b1e3c4a453b8dbc5139b40ebddb94d8c2d1c465' }, salla.lang.get('common.errors.empty_results'))))));
     }
     static get style() { return sallaPlaceholderCss; }
 }, [4, "salla-placeholder", {

package/dist/components/salla-price-range2.js

@@ -159,9 +159,9 @@ const SallaPriceRange = /*@__PURE__*/ proxyCustomElement(class SallaPriceRange e
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (h(Host, { key: '01971028ddbcb6dd89aec0e1552f4c724c32e76f' }, this.filterValues.map((filterValue, index) => {
+        return (h(Host, { key: '996f527f5a36ea273b0d8c195e35dc3efbdf62f2' }, this.filterValues.map((filterValue, index) => {
             return h("label", { class: "s-filters-label", htmlFor: `${this.option.key}-${index}`, key: index }, h("input", { id: `${this.option.key}-${index}`, name: "price", type: "radio", checked: this.isChecked(filterValue), class: "s-filters-radio", onChange: e => this.handleMinMaxPrice(e, filterValue) }), h("span", { innerHTML: this.getPriceLabel(filterValue) }));
-        }), h("div", { key: '0961c02c062e2cad89f35fd51cdcbb379965f31c', class: "flex justify-center items-center" }, h("div", { key: 'f503bbb2b490dc6908b06c5f1353a6577466cd66', class: "relative max-w-xl w-full" }, h("div", { key: '6149d29228345ecd88d2c3e1c4622fd91dba52a2', class: "s-price-range-inputs" }, h("div", { key: '8e45f9e8728de535671809d6b71fda57a8c9f763', class: "s-price-range-relative" }, h("div", { key: '8cf8df2c549ab8f9bf6bc3fcb89a4155c8acfe0c', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'c79d97935d8675ba44e38c28d72513cb4ba4f614', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: 'c2826af5c0d8073d5278dac67f40412e562d6a80', class: "s-price-range-gray-text" }, " -"), h("div", { key: '3a1c1641ee465c673dd4914cf4d19acd2d7f6911', class: "s-price-range-relative" }, h("div", { key: '2efecf246fb31f52a792e19f3af42da55f5f5407', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '85dea69e3ae374aff1a6d7f1764346475a8688c8', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '59722b42d4cd5eef95360b95093772cdd59aed6c', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '2142e831cb931574a63bb4f6ba12787677fecb1f', innerHTML: this.isRTL ? IconArrowLeft : arrowRight })))))));
+        }), h("div", { key: 'bfa8f970eb1e9c5d2b9678e5271aa04208b39289', class: "flex justify-center items-center" }, h("div", { key: '59cd51f388f36a38e2bd036d27b7abe001fed9d0', class: "relative max-w-xl w-full" }, h("div", { key: '226bd18705572502c7da11022a8ce02dc08d4d21', class: "s-price-range-inputs" }, h("div", { key: '0ebfdced114308e82075cd153bef0020daa15bf6', class: "s-price-range-relative" }, h("div", { key: 'c3dacef6133e2b05eca8d643d1c8ce3f5b991548', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'b2451e091d93f85f268fc80e30e24f5f71c2628c', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: '00c07380972b65eac5fac5688b99d21277f65d39', class: "s-price-range-gray-text" }, " -"), h("div", { key: '403e98ad682f08946ccd191715ff37401a376722', class: "s-price-range-relative" }, h("div", { key: 'a1b0729fc40c17b9be68dd2c76a3afa1e99d8a62', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '5f5e5a202f4b11cde88ae954fa352b71886fe30e', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: 'dd4899512e03f10c18e74f4d2434406dc6922a50', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '98d023ccfe7e26278259bf690a1d7a4323a704fc', innerHTML: this.isRTL ? IconArrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

package/dist/components/salla-product-availability2.js

@@ -140,7 +140,7 @@ const SallaProductAvailability = /*@__PURE__*/ proxyCustomElement(class SallaPro
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: 'caab03a9cadb614db15d47cf54d0fe72cc7be482', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
+        return (h(Host, { key: '65f3dc76d08ee3ba1745b6bbf885fdd9c4f6bae6', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRing, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
                 h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));

package/dist/components/salla-product-card2.js

@@ -122,14 +122,14 @@ const SallaProductCard = /*@__PURE__*/ proxyCustomElement(class SallaProductCard
             's-product-card-out-of-stock': this.productData?.is_out_of_stock,
         };
         const hrefProp = this.productData?.url ? { href: this.productData.url, title: `Learn more about ${this.productData?.name}` } : {};
-        return (h(Host, { key: '6c9b39e50f045c2511188597128546e440431b24', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '69813dd46d8df8298835d6de6faca959f2645c6b', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '67080662eb9a5ff4af903b6e57f029925565138b', ...hrefProp }, h("img", { key: '8e7a60fff16a8e4f7b27f19aae1c39a16ce8cadd', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
+        return (h(Host, { key: 'e0981508ab81f2a0bed4b763829d25792e55a692', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '8ed3f18aa60f4c63fcd8a5603683f76c6ec247a8', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: 'e412236f624d180312a7361c0bb43f4af05ac868', ...hrefProp }, h("img", { key: 'a8517f1f3c5c2d15489aa5509bb667fb3ce98ca6', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
                 ? 'contain'
                 : this.fitImageHeight
                     ? this.fitImageHeight
-                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: '648cf477ab6ded2d2c02dbf6957d68365524c847', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: 'a2ed73abfe91993ded6e84f6f493ea50ee0899a9', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
+                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: '9b0841267856eeaf8fd3f44df9e11a2e82ea2554', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
+            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: 'f027bc5aa8d3e46eeff5e0c2f22c33f06298884c', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
             h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, h("span", null, h("b", null, salla.helpers.number(this.productData?.quantity)), this.remained), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', h("div", { key: '09fd5336d5c9d454620a91be8271399b938bb1f4', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'c915604dafa02d6ba50e6e9933edbd57149e7a56', class: "s-product-card-content-title" }, h("a", { key: '2b80635accb51545b72baf7ff57a115a62457613', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
+            : '', h("div", { key: '942aed0114c9155a7b397261032ec3d5f3bbf983', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: '82e874903e2391cbda7df6cdbb41422341f66476', class: "s-product-card-content-title" }, h("a", { key: 'be7e564d2341c97d8431fa49e6a176548183929c', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
             h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
             : ''), this.productData?.donation && !this.minimal && !this.fullImage ?
             [h("salla-progress-bar", { donation: this.productData?.donation }), h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
@@ -138,7 +138,7 @@ const SallaProductCard = /*@__PURE__*/ proxyCustomElement(class SallaProductCard
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', h("div", { key: '12613a96e7d914ea156470305c28a7449a3dcb9b', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
+            : '', h("div", { key: 'f565ee76394a00c047cdf3abacacdc351565ba1d', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
             h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Rate }), h("span", null, this.productData.rating.stars))
             : ''), this.isSpecial && this.productData.discount_ends
             ? h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })

package/dist/components/salla-product-size-guide.js

@@ -59,11 +59,11 @@ const SallaProductSizeGuide$1 = /*@__PURE__*/ proxyCustomElement(class SallaProd
         return h("salla-placeholder", { alignment: "center", iconSize: "xl" }, h("div", { slot: "title" }, this.placeholder_title), h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (h("salla-modal", { key: '7f3163771a6fe805ee75842c83c792b6a7dd0a2b', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '6358583b137c5aa191d0b0b5a3f91a8934340271', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: 'de9f920cd4c75f8089c7f3c426965e4551ffc77b', slot: "loading" }, h("div", { key: '67cb37e30e211233c10b14ad4d91bc5c5b24da6d', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '28cca753f94de6eaee5dce72929d0df79ee5fa04', height: '15px', width: '25%' }), h("div", { key: 'a5281ef076771baaca25938ee50d16ab2d720753', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: 'a1d4a72b246a6a47c7b7d4bdbbb9404f00cda07f', height: '40px' }), h("salla-skeleton", { key: '1928477107338585e9ede41e2770b2269af3931c', height: '40px' }), h("salla-skeleton", { key: 'f8066e7ea05f580eec61529cfe24f3610b009ac6', height: '40px' }), h("salla-skeleton", { key: '3fdc216da7789b27061a2a9ef7f0abe96677d7c1', height: '40px' })), h("div", { key: '957b3b2951821bfd8bf6d382777a9f680c4e36ed', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '49f609d34eae8f4c0256a559bd12396bdbd4b996', height: '15px', width: '25%' }), h("salla-skeleton", { key: '2c20035b717f0b35212b066f39030bfbd17a597b', height: '10px', width: '75%' }), h("salla-skeleton", { key: '2e003fe9f76575c9b60b0aa86d650091213d8bb7', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'ae28bd7c1770938e2a02b23a960bad255d59329e', height: '10px', width: '75%' }), h("salla-skeleton", { key: '3737f5b2d81b852e4c2b269bd61e73740341e32a', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'e7e82f9ba968478ab38b1e9db94a98f2162b4e73', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'd97efa180720f9ac39fa9bdb17f73cc27fb4a3f0', height: '10px', width: '60%' }), h("salla-skeleton", { key: 'ff3934e9aa7f58cbec9b42c772f7ee30e7cd69ea', height: '10px', width: '45%' }), h("salla-skeleton", { key: '5bc02f885b39fd6585a40f38299610e181414c43', height: '10px', width: '30%' })))), h("slot", { key: 'b8d469ede8c64d77c57888b08b749e5642da90b1', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: 'eeb477f6cd7831f06fb2b716e2391d684ae4e93c', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '48f9e18ebfec9999dc856fe3c7bca7854e4f53b3', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '9fc445cfb72dfdd5d0d306419041aa9f3acafb66', slot: "loading" }, h("div", { key: 'f5dbfb1560940a691f891e7d41eca22977693d79', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'c6790017016fc8b471601bf093051f80183645c9', height: '15px', width: '25%' }), h("div", { key: 'ba72c67c7b26e62ed4548444ba9083f83816f59e', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '4fd934c7bf103bcd937028bacda524915a40f76a', height: '40px' }), h("salla-skeleton", { key: '3754ae6eca3938380261e221f6941b2ef2a381dd', height: '40px' }), h("salla-skeleton", { key: 'a2007afe625ce45713b3a2f64a62cf0da101c1e9', height: '40px' }), h("salla-skeleton", { key: '7ed982fa2c6c862bf724fa1b1dc059db2f5dbc41', height: '40px' })), h("div", { key: '3914b9dde80d2257a55b0aa156f61df5936f1bb5', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '51b96df249504517e4c3fe1098be2937cbaeef63', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'd5844e3c91eddc4821b97cc9991a2441dd0bb117', height: '10px', width: '75%' }), h("salla-skeleton", { key: '976e70a0aa160dd9b4dbe4d0f9f0675f5c3308ea', height: '10px', width: '50%' }), h("salla-skeleton", { key: '1baf5286915a708ea68850c9c82e7970c6521c86', height: '10px', width: '75%' }), h("salla-skeleton", { key: '8ecc89a3defd83637936023b0d0841c55c6799cd', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'eb90ea350d6947596688595bb898a8c3a8dcac39', height: '10px', width: '25%' }), h("salla-skeleton", { key: '282d747e764c2761aa4b68f145467371acd66f32', height: '10px', width: '60%' }), h("salla-skeleton", { key: '610491fa3769027ceebec2ab46e7166d0bfac9f2', height: '10px', width: '45%' }), h("salla-skeleton", { key: '8162ba3bec487efe6fa1c0adf2355bd175d8310a', height: '10px', width: '30%' })))), h("slot", { key: 'b55b29cfeb52e41c0c56a79bded075fda7f49fab', name: "header" }), !this.hasError && !!this.guides ?
             [
                 h("salla-tabs", null, this.guides.map((guide) => h("salla-tab-header", { slot: "header", name: guide.name }, h("span", null, guide.name))), this.guides.map((guide) => h("salla-tab-content", { slot: "content", name: guide.name }, h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), h("slot", { key: '04df3ec4386e0beff2d18cc9df73dc427e9cf507', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: '6e37eb73078f786ce5dda8cf9ed6bae16eb3acfc', name: "footer" })));
     }
     get host() { return this; }
     static get style() { return sallaProductSizeGuideCss; }

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

@@ -94,7 +94,7 @@ const SallaQuantityInput = /*@__PURE__*/ proxyCustomElement(class SallaQuantityI
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: 'c9b83e158f990a40a69100bcc7880bc208433de1', class: "s-quantity-input" }, h("div", { key: '74ee814b486365c28950a675f0e75ed78fad1549', class: "s-quantity-input-container" }, h("button", { key: 'a78de04f1ca0efc4b20d3fc4acdb1d881bf31501', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: 'd1222cf3e005c8fbf1d38e42589e5abac08b99bf', name: "increment-button" })), h("input", { key: 'b2402558907f7e0e15bf622b1524a5649d74fe8d', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '578d4ff2f4c4d6b778d052a2eed68f9abcc8625b', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: 'e8540cb6aae1027d76736069f2372ba18903bd25', name: "decrement-button" })))));
+        return (h(Host, { key: '371a523cf63d9d8a0407d0cd34b4fc93d8defc68', class: "s-quantity-input" }, h("div", { key: '46145aef20ae075df0396f715a79baf57e4a51f8', class: "s-quantity-input-container" }, h("button", { key: '7cca21dd90b4254bc764def23f45718b19a4a833', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '0ee6850626cb4201a1f90d28ee3c8def8803bebe', name: "increment-button" })), h("input", { key: 'c1b5718a03a846235fe127bb29cf5e3469299d48', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'e523be618062b814059168094fb7a8d7dbe12a7c', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '7ef4ffd3254913d1ec1fdf2b52c1c3d58977bdd0', name: "decrement-button" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/salla-quick-buy2.js

@@ -1141,7 +1141,7 @@ const SallaQuickBuy = /*@__PURE__*/ proxyCustomElement(class SallaQuickBuy exten
         });
     }
     render() {
-        return h(Host, { key: '9a8785c4a1e04d258a60924acf90407495a4de74' }, this.quickBuyButton());
+        return h(Host, { key: '7c5e3ce5d5a6fdd01565cf0f96c56aad11b8f4ba' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/components/salla-quick-order.js

@@ -2,6 +2,7 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { I as IphoneXIcon } from './iphone-x.js';
 import { M as MailIcon } from './mail.js';
 import { C as Cancel } from './cancel.js';
 import { d as defineCustomElement$5 } from './salla-button2.js';
@@ -23,13 +24,6 @@ var PortraitIcon = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-var IphoneXIcon = `<!-- 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>iphone-x</title>
-<path d="M24 0h-16c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h16c2.205 0 4-1.795 4-4v-24c0-2.205-1.795-4-4-4zM25.333 28c0 0.736-0.597 1.333-1.333 1.333h-16c-0.736 0-1.333-0.597-1.333-1.333v-24c0-0.735 0.597-1.333 1.333-1.333h4c0 1.471 1.196 2.667 2.667 2.667h2.667c1.471 0 2.667-1.196 2.667-2.667h4c0.736 0 1.333 0.599 1.333 1.333z"></path>
-</svg>
-`;
-
 const sallaQuickOrderCss = ".s-quick-order-expandable:not(.s-quick-order-shown){overflow:hidden}";
 
 const SallaQuickOrder$1 = /*@__PURE__*/ proxyCustomElement(class SallaQuickOrder extends HTMLElement {

package/dist/components/salla-review-card2.js

@@ -172,7 +172,7 @@ const SallaReviewCard = /*@__PURE__*/ proxyCustomElement(class SallaReviewCard e
         return (h("a", { href: this.review?.product?.url, class: "s-review-card-product-container" }, h("img", { alt: product.image?.alt || "Product", src: product.image?.url, class: "s-review-card-product-image", width: 60, height: 60, loading: "lazy", decoding: "async", draggable: false }), h("div", { class: "s-review-card-product-details" }, h("p", { class: "s-review-card-product-details-name" }, product.name), this.showPurchaseCount ? h("p", { class: "s-review-card-product-details-purchase-count" }, h("span", { innerHTML: IconFire2 }), this.purchasedCount) : null)));
     }
     render() {
-        return h("div", { key: '2c239df97aea1d28e160ede3e06bd283874bbaea', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '227c1fad17d6d2bf26316cabf69b854bb23cca52', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '74b06a8c24767d8e8cd7101915055d3861c5d0fd', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: '18de38dbba7c660404090a488ff40bebb3b5cfb9', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'cb01e59c058d9ac64cd16e66e2f2d90859680c17', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '63bf8afb138423ea10a0e689b126c462b623e462', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     get el() { return this; }
     static get style() { return sallaReviewCardCss; }

package/dist/components/salla-reviews-page.js

@@ -685,7 +685,7 @@ const SallaReviewsPage$1 = /*@__PURE__*/ proxyCustomElement(class SallaReviewsPa
         return options.map(option => (h("option", { key: option.value, value: option.value, selected: option.value === this.sort }, option.label)));
     }
     render() {
-        return (h("host", { key: '9e93c876f4cf9d49748bc219cd81c871ddfcb9ba' }, h("div", { key: '322e9487de2da90e78ef96eaf126c5ab9839255f', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '7f2cc0885d83123bd1a2c0e7d795a7e61987b4a7', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'e61048238b21b6645f4799ae1dcd5f9e6d660088', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: 'ce8a0de87512c023f623604c0b486ea4f37ac8ab', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '35bcbffd914e811ebf73253d93e7b972f3b56cbc', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'e57ea01b2aba04e82c63e51edf952e5c6ee460e6', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
+        return (h("host", { key: 'c0980c4458788ec29d9da4a60caf9eb420805abd' }, h("div", { key: '802681314a0f74c98d92c6227e35a9aa6e53105c', class: "s-reviews-page-header-wrapper" }, h("h2", { key: 'f533920b6ccf80377af688cf88a3273ca0d5b8ea', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'e5d13f7d4529c066d64fc142137dd52bdd54d106', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: 'ddf2fc71aa2d099d3db2a1219c4777448304575c', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '7c7ba82fa5157dab64776ac80ae890f5334bfa39', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'ee1fbe63384ad7d5220511d0d919d374e9a78dd9', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (h("salla-review-card", { key: review.id, review: review }))))
             : h("div", { class: "s-products-list-placeholder" }, h("span", { innerHTML: ShoppingBag }), h("p", null, this.placeholderText)), this.pagination?.links?.next && this.reviews.length ? (h("div", { class: "s-reviews-page-load-more-container" }, h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => this.infiniteScroll?.loadNextPage(), onKeyUp: () => this.infiniteScroll?.loadNextPage() }, this.langLoadMore))) : null));

package/dist/components/salla-reviews.js

@@ -98,7 +98,7 @@ const SallaReviews$1 = /*@__PURE__*/ proxyCustomElement(class SallaReviews exten
         });
     }
     render() {
-        return (h("div", { key: '70962f093fe86f8d24c4c7127aea2393753ae0dd', class: "s-reviews-container" }, h("div", { key: 'e462464473514c515b4406205f28759101755874', class: "s-reviews-header-wrapper" }, h("h1", { key: '4f1d93865eaede37f8c54f82f094b28abf59512c', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: 'a3bb1307ec589cbd33c854ef339addfd00c3782d', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: '2b0739018657616475e85c6c9413365939be33c6', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
+        return (h("div", { key: '9bf5e2e2e0050844eae92fffbf4d908825000cff', class: "s-reviews-container" }, h("div", { key: '4a12a82e0c79cb72acc348ceb971cbab45f1923d', class: "s-reviews-header-wrapper" }, h("h1", { key: 'eb59728207a75bb4b2ec6a77b94b6899b01b8906', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: '258d5dd3049b51725f08a66f2baf9e9f62c8a9e1', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: 'e2b66faec336425bc4fddeb00681c0e24ed9dce7', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
     }
     static get style() { return sallaReviewsCss; }
 }, [0, "salla-reviews", {

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

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

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

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

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

@@ -0,0 +1,56 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { c as closeModals } from './functions.js';
+
+const sallaLoyaltyProgramCss = "";
+
+const SallaRewardAction = /*@__PURE__*/ proxyCustomElement(class SallaRewardAction extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.actionClick = createEvent(this, "actionClick", 7);
+        this.isShopNow = (prize) => {
+            if (!(salla.config.get('store.features') || []).includes('loyalty-system-v2')) {
+                return false;
+            }
+            return prize.key?.toLowerCase() === 'free_product';
+        };
+        this.handleClick = (e) => {
+            if (salla.config.isGuest()) {
+                closeModals(() => salla.event.dispatch('login::open'));
+                return;
+            }
+            this.actionClick.emit(e);
+        };
+    }
+    render() {
+        return (h("div", { key: '0d02cecaae79cf166555514890fbf6192e1cd438', class: "s-loyalty-program-rewards-modal-action" }, this.isShopNow(this.prize) ? (h("a", { href: this.prize.prize_url || salla.url.get(''), class: {
+                's-loyalty-program-rewards-action-base': true,
+                's-loyalty-program-rewards-action-on': true,
+            } }, salla.lang.get('pages.loyalty_program.shop_now'))) : (h("button", { onClick: this.handleClick, class: {
+                's-loyalty-program-rewards-action-base': true,
+                's-loyalty-program-rewards-action-on': true,
+            } }, salla.lang.get('pages.loyalty_program.redeem_reward')))));
+    }
+    static get style() { return sallaLoyaltyProgramCss; }
+}, [0, "salla-reward-action", {
+        "prize": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-reward-action"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-reward-action":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaRewardAction);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SallaRewardAction as S, defineCustomElement as d };

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

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

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

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

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

@@ -0,0 +1,44 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { l as loyaltyProgramIcon } from './gift.js';
+import { d as defineCustomElement$1 } from './salla-badge2.js';
+
+const sallaLoyaltyProgramCss = "";
+
+const SallaRewardCard = /*@__PURE__*/ proxyCustomElement(class SallaRewardCard extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.areaClick = createEvent(this, "areaClick", 7);
+        this.actionClick = createEvent(this, "actionClick", 7);
+    }
+    render() {
+        return (h(Host, { key: '0bd68f7cab478d78db8b083ea11c2090d02aab59', class: "s-loyalty-program-reward-host" }, h("div", { key: 'ef4e857bc55a12e50434c1dda2160674ead3b4e6', class: "s-loyalty-program-reward-container" }, h("div", { key: 'a6a7ccdf50ee296b48c05a01f241192c0f77f30c', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: 'e4f55cda0d9f36af95ce101c987819d30b9ad143', class: "s-loyalty-program-reward-img" }, h("img", { key: '450fe8914dcf809005d4707074cb305a59990e81', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: '7828210caf948e057055c53dc64af45426d7977d', class: "s-loyalty-program-reward-content" }, h("div", { key: '2f39695bd03884f6988b44de68964cdfdb75e0bb', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: 'e9e1dda91aa414d58caaff52a4bb667a1fc1b96f', size: "xs" }, h("span", { key: '7baa15af74cde5a6e744667566377417233d0848', innerHTML: loyaltyProgramIcon }), h("span", { key: '6bd7f77ec736a6f0fd9de0c69907cc05e87829b0', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: '269da0571a6533ca6621792a3891f4b9d132d337', class: "s-loyalty-program-reward-title" }, h("span", { key: '06c40cc994031777565d43c5259eefb3311dea98' }, this.prize.group_title)), h("div", { key: 'e81936c993e83f96f4143278ec82391135778383', class: "s-loyalty-program-reward-name" }, h("div", { key: '752e5e6fbc5de60f7047913d6b8bf79e597fd407', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: 'a83282f66ab42ee0fa055cf9bf7802af1615e8f0', class: "p-4" }, h("slot", { key: '7186f03318c907b3e8ec15e30322d8bf787d74f8', name: "action" }, h("button", { key: '7b1a13734d2c230dd32d744a42e82fdb1c148660', onClick: (e) => this.actionClick.emit(e.detail), class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-on" }, salla.lang.get('pages.loyalty_program.show_reward')))))));
+    }
+    static get style() { return sallaLoyaltyProgramCss; }
+}, [4, "salla-reward-card", {
+        "prize": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-reward-card", "salla-badge"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-reward-card":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaRewardCard);
+            }
+            break;
+        case "salla-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SallaRewardCard as S, defineCustomElement as d };

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

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

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

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