npm - @salla.sa/twilight-components - Versions diffs - 2.14.252 → 2.14.253 - Mend

@salla.sa/twilight-components 2.14.252 → 2.14.253

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (506) hide show

package/dist/cjs/salla-booking-field_2.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var BookingTime = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -174,7 +174,7 @@ const SallaBookingField = class {
         return (index.h("span", { class: "s-booking-field-reservations-time" }, index.h("i", { class: "s-booking-field-reservations-icon", innerHTML: TimeIcon }), index.h("span", null, reservation.from_timestamp, " - ", reservation.to_timestamp)));
     }
     render() {
-        return (index.h(index.Host, { key: '56540a5278d395485a411e712929f32cf76f637e' }, index.h("div", { key: '63673b28b671596d47f4f014223e9c5012f3b671', class: "s-booking-field-main" }, this.option.required || this.reservations.length > 0 ? index.h("div", { class: "s-booking-field-price" }, index.h("span", { innerHTML: salla.money(this.option.price) })) : '', index.h("salla-button", { key: '6d9ffa722391aa0234454fe9ddc90f3477268489', class: "s-booking-field-book-now", size: "small", loaderPosition: "center", fill: "outline", onClick: event => this.openBookingModal(event, false) }, index.h("span", { key: 'dcc8a2b68be4596199e7c776f4501764fd25523f', class: "s-booking-field-book-now-content" }, index.h("span", { key: 'b4b2eaf369a5fa822c84b376808c7ee16d8d2598', innerHTML: BookingTime }), this.reservations.length ? this.editLabel : this.bookNowLabel))), this.reservations.length > 0 && (index.h("div", { key: '2684b88bdaf47133dbcaaf6c96f1b81d4ee7ca70', class: "s-booking-field-reservations" }, this.reservations.map((reservation, index$1) => (index.h("div", { key: index$1, class: "s-booking-field-reservations-item" }, this.renderReservationDate(reservation), this.renderReservationTime(reservation)))))), index.h("input", { key: '3d20fcb5fbca8a9e340344d41c316619aec03050', class: "s-hidden", name: this.option.name, required: this.option.required, value: JSON.stringify(this.reservations) === '[]' ? '' : JSON.stringify(this.reservations), ref: reservations => this.reservationsInput = reservations }), this.iframeReady && this.bookingModal()));
+        return (index.h(index.Host, { key: '04c9e3dc3dc825bd6905221d858c260f7ca34748' }, index.h("div", { key: '07ec38cec1bd1798640dd7ea9592bb3b17d945c6', class: "s-booking-field-main" }, this.option.required || this.reservations.length > 0 ? index.h("div", { class: "s-booking-field-price" }, index.h("span", { innerHTML: salla.money(this.option.price) })) : '', index.h("salla-button", { key: '6b71889cfc0429d15c466a6f194df31549f09786', class: "s-booking-field-book-now", size: "small", loaderPosition: "center", fill: "outline", onClick: event => this.openBookingModal(event, false) }, index.h("span", { key: 'a16f8db6f52c7751ea605efcae04057ca0dc5b61', class: "s-booking-field-book-now-content" }, index.h("span", { key: '95f6086a599bcc620c87ece6c6ae9620dba15581', innerHTML: BookingTime }), this.reservations.length ? this.editLabel : this.bookNowLabel))), this.reservations.length > 0 && (index.h("div", { key: 'b3615100bbfff3d98d0ac99145aaf53449790c94', class: "s-booking-field-reservations" }, this.reservations.map((reservation, index$1) => (index.h("div", { key: index$1, class: "s-booking-field-reservations-item" }, this.renderReservationDate(reservation), this.renderReservationTime(reservation)))))), index.h("input", { key: '126f14f2e520b8696bc7450e209bad30b267878b', class: "s-hidden", name: this.option.name, required: this.option.required, value: JSON.stringify(this.reservations) === '[]' ? '' : JSON.stringify(this.reservations), ref: reservations => this.reservationsInput = reservations }), this.iframeReady && this.bookingModal()));
     }
     get host() { return index.getElement(this); }
 };
@@ -275,7 +275,7 @@ const SallaConditionalFields = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'aed72d12357c54338c231d5d4c259a510f8b4e95' }, index.h("slot", { key: '84c5af881a45cee9fa71f5e2e63ee9b92aad76c9' })));
+        return (index.h(index.Host, { key: '405156ba83b8731039c2dd0ff800f617150cc722' }, index.h("slot", { key: '2bff17ce7b49fef9b028d673992d256b00e9481b' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/salla-cart-item-offers.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var specialDiscount = require('./special-discount-OVG_9Kf9.js');
 var gift = require('./gift-BPDUPIY_.js');

package/dist/cjs/salla-conditional-offer.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var DiscountType;
 (function (DiscountType) {

package/dist/cjs/salla-contacts.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var whatsapp2 = require('./whatsapp2-D7Sbg8Ey.js');
 var mail = require('./mail-CO8cFZH7.js');

package/dist/cjs/salla-filters-widget.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var Helper = require('./Helper-Cr8AV7wI.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 require('./anime.es-BqW8JHZi.js');
@@ -123,12 +123,12 @@ const SallaFiltersWidget = class {
         return index.h("span", { class: "s-filters-option-name" }, label);
     }
     render() {
-        return (index.h(index.Host, { key: 'd6f2078b058a8244a95a78e879886f3b04e0e1c0', class: "s-filters-widget-container" }, index.h("h3", { key: '40ff9f985604de49752b38c0fc66611cd1811857', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, index.h("span", { key: '06847af2f3f089afb3223e4ce4c56bfa1cb195d5' }, this.option.label), index.h("span", { key: '8ecf9c638f7ad163cda5f7235ecac66661cf8e68', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), index.h("div", { key: '15c98c71532ec2bf1f43f3e9bcc1d964a0f3d88d', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, index.h("div", { key: 'f1221b0ce096e1fda0044776bfdba952a990230c', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, index.h("slot", { key: '1612242828f38a9c086d2a7887174bcdde05618b' }), this.option.type !== interfaces.FilterOptionTypes.RANGE
+        return (index.h(index.Host, { key: '1987fec03cfe48cddc60af2d81bbc30a476dcb61', class: "s-filters-widget-container" }, index.h("h3", { key: '4232775c4012d1be8bb3036d9d09e5d29d951ee4', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, index.h("span", { key: '61cf9ea5a69f3ab5377502a396cc84478c6152a1' }, this.option.label), index.h("span", { key: 'b75914eb06f9d419d0a89da2a8f2da2f891f3d27', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), index.h("div", { key: 'f65e2f8a44648b034dacf1bda1aa64b5398627b7', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, index.h("div", { key: 'adcafe169ce8cbef671263f3624bce071b168c36', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, index.h("slot", { key: 'fa006556e44e508c3c64cc5ae76cc826b7e7601e' }), this.option.type !== interfaces.FilterOptionTypes.RANGE
             ? this.renderFilterOption(this.option)
             : index.h("salla-price-range", { onChanged: (event) => {
                     this.changed.emit(event.detail);
                 }, ref: price => this.priceRange = price, filtersData: this.filtersData, option: this.option })), this.withLoadMore &&
-            index.h("a", { key: '5726822a429c26ee9ddadaf7351e8d32a3a98695', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
+            index.h("a", { key: '16a4ddeb365dc1d52fc51a8999fc6d7dbe094658', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/salla-filters.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 var Helper = require('./Helper-Cr8AV7wI.js');
 require('./anime.es-BqW8JHZi.js');
@@ -197,7 +197,7 @@ const SallaFilters = class {
     }
     render() {
         var _a, _b;
-        return index.h(index.Host, { key: 'd62d9a867f140a911cb5da11a1034511fd230745' }, (_a = this.filters) === null || _a === void 0 ? void 0 :
+        return index.h(index.Host, { key: '54a625522588215230f1eb5a3ca94b8280b18040' }, (_a = this.filters) === null || _a === void 0 ? void 0 :
             _a.map(option => index.h("salla-filters-widget", { option: option, filtersData: this.filtersData, onChanged: ({ detail: { event, option, value } }) => {
                     this.handleOptionChange(event, option, value);
                 } })), ((_b = this.filters) === null || _b === void 0 ? void 0 : _b.length) ? index.h("div", { class: "s-filters-footer" }, index.h("salla-button", { color: 'gray', fill: 'outline', onClick: () => this.resetFilters() }, this.reset)) : '');

package/dist/cjs/salla-installment.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{-webkit-box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922);box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;-webkit-box-shadow:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{-webkit-box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922);box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{-webkit-box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922);box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}";

package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{-webkit-box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important;box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
@@ -16,7 +16,7 @@ const SallaLoyaltyPrizeItem = class {
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (index.h(index.Host, { key: '601dbcf73e68678eecc912c14c2b1be612a78551' }, index.h("div", { key: '074f8b4cb736bfabd5885d9df77bf74e7c4829a1', onClick: this.onPrizeItemClick.bind(this) }, index.h("img", { key: '4bec672992f7e998bde639295831a5c9ad5f5088', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), index.h("div", { key: 'c8f858a7f406fe8e9123c57df627a4b6a2cbd719', class: "s-loyalty-prize-item-title" }, this.item.name), index.h("div", { key: '81b954aa730e07c7f32ee538692581dede3543db', class: "s-loyalty-prize-item-subtitle" }, this.item.description), index.h("div", { key: 'b7baeada2da364fec6ee7bd606b595b1f652d8a8', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " Points"))));
+        return (index.h(index.Host, { key: '5ca09a4202a344b0483bdfec61051430c6804143' }, index.h("div", { key: '685bab3cdebcc0ebb8899bf41af4864dc613835b', onClick: this.onPrizeItemClick.bind(this) }, index.h("img", { key: '412d27faaf4fdb3df213806613ce0ce362f86f63', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), index.h("div", { key: '9de2b85059c3db4cf750303e549938a577995d92', class: "s-loyalty-prize-item-title" }, this.item.name), index.h("div", { key: '9ecf6845d0edf53937476a8bebfc36372ab1b4d9', class: "s-loyalty-prize-item-subtitle" }, this.item.description), index.h("div", { key: '0c5f1cd8d22bc90178063c06eaf32bbac9f167ff', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " Points"))));
     }
 };
 SallaLoyaltyPrizeItem.style = sallaLoyaltyPrizeItemCss;

package/dist/cjs/salla-loyalty-program.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var gift = require('./gift-BPDUPIY_.js');
 const sallaLoyaltyProgramCss = "";
@@ -79,7 +79,7 @@ const SallaWalletTable = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '985386d18096b99ef6114a6e21363900c5dab374' }, index.h("div", { key: '67bb4fceebc5ef047cd3b0ee5b94297e4c9d9d17' }, this.isLoadingLoyalty ? (index.h("salla-loading", null)) : (index.h("div", null, this.loyaltyPointsArray.length > 0 ? (index.h("div", null, index.h("table", { class: "s-loyalty-program-table" }, index.h("thead", { class: "s-loyalty-program-table-head" }, index.h("tr", { class: "s-loyalty-program-table-head-tr" }, index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.note')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.status')))), index.h("tbody", { class: "s-loyalty-program-table-tbody" }, this.loyaltyPointsArray.map(point => (index.h("tr", { class: "s-loyalty-program-table-tbody-tr" }, index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, (point === null || point === void 0 ? void 0 : point.type) === 'plus' ? '+' : '', (point === null || point === void 0 ? void 0 : point.points) || '', " ", salla.lang.get('pages.loyalty_program.point')), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate((point === null || point === void 0 ? void 0 : point.created_at) ? Number(point.created_at) * 1000 : undefined)), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point === null || point === void 0 ? void 0 : point.points_expire_date)), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point === null || point === void 0 ? void 0 : point.key)), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point === null || point === void 0 ? void 0 : point.status_key))))))), index.h("div", { class: "s-infinite-scroll-wrapper" }, !!this.nextPageUrlLoyalty && (index.h("salla-button", { onClick: this.handleClick, loading: this.isLoadingLoyalty }, salla.lang.get('common.elements.load_more')))))) : (index.h("div", null, index.h("div", { class: "s-loyalty-program-table-empty-state" }, index.h("span", { innerHTML: gift.GiftIcon }), index.h("div", { class: "s-loyalty-program-table-placeholder-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_title')), index.h("div", { class: "s-loyalty-program-table-placeholder-sub-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_sub_title'))))))))));
+        return (index.h(index.Host, { key: '300d58186edf747b1dd6dc7a1d67c0c93606aa5e' }, index.h("div", { key: '98e3a15104e813c6798ccac75fbd1bb163735c54' }, this.isLoadingLoyalty ? (index.h("salla-loading", null)) : (index.h("div", null, this.loyaltyPointsArray.length > 0 ? (index.h("div", null, index.h("table", { class: "s-loyalty-program-table" }, index.h("thead", { class: "s-loyalty-program-table-head" }, index.h("tr", { class: "s-loyalty-program-table-head-tr" }, index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.note')), index.h("th", { scope: "col", class: "s-loyalty-program-table-head-tr-th" }, salla.lang.get('common.elements.status')))), index.h("tbody", { class: "s-loyalty-program-table-tbody" }, this.loyaltyPointsArray.map(point => (index.h("tr", { class: "s-loyalty-program-table-tbody-tr" }, index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, (point === null || point === void 0 ? void 0 : point.type) === 'plus' ? '+' : '', (point === null || point === void 0 ? void 0 : point.points) || '', " ", salla.lang.get('pages.loyalty_program.point')), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate((point === null || point === void 0 ? void 0 : point.created_at) ? Number(point.created_at) * 1000 : undefined)), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, formatDate(point === null || point === void 0 ? void 0 : point.points_expire_date)), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point === null || point === void 0 ? void 0 : point.key)), index.h("td", { class: "s-loyalty-program-table-tbody-tr-td" }, translateKey(point === null || point === void 0 ? void 0 : point.status_key))))))), index.h("div", { class: "s-infinite-scroll-wrapper" }, !!this.nextPageUrlLoyalty && (index.h("salla-button", { onClick: this.handleClick, loading: this.isLoadingLoyalty }, salla.lang.get('common.elements.load_more')))))) : (index.h("div", null, index.h("div", { class: "s-loyalty-program-table-empty-state" }, index.h("span", { innerHTML: gift.GiftIcon }), index.h("div", { class: "s-loyalty-program-table-placeholder-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_title')), index.h("div", { class: "s-loyalty-program-table-placeholder-sub-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_sub_title'))))))))));
     }
 };
 SallaWalletTable.style = sallaLoyaltyProgramCss;

package/dist/cjs/salla-metadata.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 const sallaMetadataCss = "";

package/dist/cjs/salla-notification-item.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 const sallaNotificationsCss = "";
@@ -12,7 +12,7 @@ const SallaNotificationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("a", { key: 'f4818ac9b7dc2573dd1ac8aa31aabc82454ea439', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, index.h("span", { key: '3766a4eb835408bf293054be3e04a561e1510728', class: "s-notifications-item-icon" }, index.h("i", { key: 'e9b1e4a18f22e765053b7d62f83a4af6e426bd47', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), index.h("div", { key: '2005bcf68b61bb0aa5606480f703e4ee4cfbd415', class: "s-notifications-item-content" }, index.h("div", { key: 'a60fdc96431899c0c3183512ea81477f52e550d0', class: "s-notifications-item-content-leading" }, index.h("h4", { key: 'fb0eb1efe08440a1e2c12dc1af263adba0413d2b' }, this.notification.title), index.h("p", { key: 'c32790ad29bd267323d86e5c3abdec1ab75c09b2' }, this.notification.sub_title)), index.h("span", { key: 'e8fbfea5e91fe7d16c489a285502eaab08b16fd5', class: "s-notifications-item-content-trailing" }, index.h("i", { key: 'ea9fb9cf6ac2f9c84cde152fa1381e884971cba4', class: "sicon-time s-notifications-item-content-trailing-icon" }), index.h("span", { key: '1fb25f1463210c8ab467dff8aea22d9c4510301c' }, this.notification.date))));
+        return index.h("a", { key: '15701825f2d0bb5b4bc21cf20114eae79af6b9aa', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, index.h("span", { key: 'f87fba9d640a5c6cab81abe2d7537c2c89ee8857', class: "s-notifications-item-icon" }, index.h("i", { key: '52590f17aacb20f87768a0dcc699e15303ca0e81', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), index.h("div", { key: '489bdb71b1caaa202604facffe47ce6a6825355b', class: "s-notifications-item-content" }, index.h("div", { key: '53a0e1e2f2f1be650567c0b1b9cc779779bc2cdc', class: "s-notifications-item-content-leading" }, index.h("h4", { key: 'b7f6fd64ad3212d0810a4eb7ab0a33d4294498c7' }, this.notification.title), index.h("p", { key: '3774bc0d5c619d73f97466283d28ed5204e9abe4' }, this.notification.sub_title)), index.h("span", { key: '25c70649e341c3e7c659dec48e986945088b4dfa', class: "s-notifications-item-content-trailing" }, index.h("i", { key: 'eaca7d3e4b8254b5eb8ea7e864c5afac8529f019', class: "sicon-time s-notifications-item-content-trailing-icon" }), index.h("span", { key: 'de695990f5d2b6e5a131373d863f1d2e1e002613' }, this.notification.date))));
     }
 };
 SallaNotificationItem.style = sallaNotificationsCss;

package/dist/cjs/salla-notifications.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var Helper = require('./Helper-Cr8AV7wI.js');
 require('./anime.es-BqW8JHZi.js');

package/dist/cjs/salla-offer.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var PageType;
 (function (PageType) {

package/dist/cjs/salla-order-details-multiple-bundle-product.cjs.entry.js ADDED Viewed

@@ -0,0 +1,80 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+var index = require('./index-DxXe1Ylr.js');
+const sallaOrderDetailsMultipleBundleProductCss = "";
+const SallaproductDetailsMultipleBundleProduct = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Placeholder image URL when product image is not available */
+        this.placeholderImage = salla.url.cdn('images/s-empty.png');
+    }
+    getProductImage() {
+        var _a;
+        if (!((_a = this.productDetails) === null || _a === void 0 ? void 0 : _a.image)) {
+            return this.placeholderImage;
+        }
+        // Handle both string and object types for image
+        if (typeof this.productDetails.image === 'string') {
+            return this.productDetails.image;
+        }
+        return (this.productDetails.image.url || this.placeholderImage || salla.url.cdn('images/s-empty.png'));
+    }
+    getProductImageAlt() {
+        var _a, _b, _c;
+        if (!((_a = this.productDetails) === null || _a === void 0 ? void 0 : _a.image) || typeof this.productDetails.image === 'string') {
+            return ((_b = this.productDetails) === null || _b === void 0 ? void 0 : _b.name) || '';
+        }
+        return this.productDetails.image.alt || ((_c = this.productDetails) === null || _c === void 0 ? void 0 : _c.name) || '';
+    }
+    getAccordionId() {
+        var _a;
+        return `accordion-${((_a = this.productDetails) === null || _a === void 0 ? void 0 : _a.id) || 'default'}`;
+    }
+    getAccordionKey() {
+        var _a;
+        return ((_a = this.productDetails) === null || _a === void 0 ? void 0 : _a.id) || 'default';
+    }
+    shouldBeCollapsible() {
+        var _a, _b;
+        if (this.collapsible !== undefined) {
+            return this.collapsible;
+        }
+        return ((_b = (_a = this.productDetails) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.length) > 0;
+    }
+    renderProductPrice() {
+        if (!this.productDetails) {
+            return null;
+        }
+        const { is_on_sale, sale_price, regular_price, price } = this.productDetails;
+        if (is_on_sale && sale_price) {
+            return (index.h("div", null, index.h("span", { class: "s-order-details-product-price s-order-details-product-price-sale" }, index.h("span", { innerHTML: salla.money(sale_price) })), regular_price && (index.h("span", { class: "s-order-details-product-regular-price" }, index.h("span", { innerHTML: salla.money(regular_price) })))));
+        }
+        return (index.h("span", { class: "s-order-details-product-price" }, index.h("span", { innerHTML: salla.money(price) })));
+    }
+    renderOptions() {
+        var _a, _b;
+        if (!((_b = (_a = this.productDetails) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.length)) {
+            return null;
+        }
+        return (index.h("salla-accordion-body", null, index.h("div", { class: "s-order-details-options" }, index.h("salla-order-details-options", { options: this.productDetails.options }))));
+    }
+    render() {
+        var _a, _b, _c;
+        if (!this.productDetails) {
+            return null;
+        }
+        const collapsibleState = this.shouldBeCollapsible();
+        return (index.h(index.Host, { class: "s-order-details-bundle-wrapper" }, index.h("salla-accordion", { key: this.getAccordionKey(), collapsed: false, bordered: true, collapsible: collapsibleState, id: this.getAccordionId(), size: "sm" }, index.h("salla-accordion-head", null, index.h("div", { class: "s-order-details-product" }, index.h("div", { class: "s-order-details-product-content" }, index.h("div", { class: "s-order-details-product-info" }, index.h("div", { class: "s-order-details-product-image" }, index.h("img", { src: this.getProductImage(), alt: this.getProductImageAlt() })), index.h("div", { class: "s-order-details-product-details" }, index.h("a", { href: ((_a = this.productDetails) === null || _a === void 0 ? void 0 : _a.url) || '#', class: "s-order-details-product-name" }, ((_b = this.productDetails) === null || _b === void 0 ? void 0 : _b.name) || ''), this.renderProductPrice(), ((_c = this.productDetails) === null || _c === void 0 ? void 0 : _c.quantity) && (index.h("span", { class: "s-order-details-product-quantity" }, "\u00D7", this.productDetails.quantity))))))), this.renderOptions())));
+    }
+};
+SallaproductDetailsMultipleBundleProduct.style = sallaOrderDetailsMultipleBundleProductCss;
+exports.salla_order_details_multiple_bundle_product = SallaproductDetailsMultipleBundleProduct;
+//# sourceMappingURL=salla-order-details-multiple-bundle-product.entry.cjs.js.map
+//# sourceMappingURL=salla-order-details-multiple-bundle-product.cjs.entry.js.map

package/dist/cjs/salla-order-details-multiple-bundle-product.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-order-details-multiple-bundle-product.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/salla-order-details/salla-order-details-multiple-bundle-product.scss?tag=salla-order-details-multiple-bundle-product","src/components/salla-order-details/salla-order-details-multiple-bundle-product.tsx"],"sourcesContent":["","import { Component, Host, h, Prop } from '@stencil/core';\nimport { OrderProduct } from './interfaces';\n\n/**\n * @salla/ui-components\n * The `salla-order-details-multiple-bundle-product` component renders a collapsible summary for an order multiple bundle product with optional options list.\n * It uses the salla-accordion component to provide collapsible functionality.\n */\n@Component({\n tag: 'salla-order-details-multiple-bundle-product',\n styleUrl: 'salla-order-details-multiple-bundle-product.scss',\n})\nexport class SallaproductDetailsMultipleBundleProduct {\n /** The product data to display */\n @Prop({ attribute: 'product-details' }) productDetails: OrderProduct;\n\n /** Whether the accordion should be collapsible */\n @Prop() collapsible?: boolean;\n\n /** Placeholder image URL when product image is not available */\n @Prop() placeholderImage: string = salla.url.cdn('images/s-empty.png');\n\n private getProductImage(): string {\n if (!this.productDetails?.image) {\n return this.placeholderImage;\n }\n\n // Handle both string and object types for image\n if (typeof this.productDetails.image === 'string') {\n return this.productDetails.image;\n }\n\n return (\n this.productDetails.image.url || this.placeholderImage || salla.url.cdn('images/s-empty.png')\n );\n }\n\n private getProductImageAlt(): string {\n if (!this.productDetails?.image || typeof this.productDetails.image === 'string') {\n return this.productDetails?.name || '';\n }\n\n return this.productDetails.image.alt || this.productDetails?.name || '';\n }\n\n private getAccordionId(): string {\n return `accordion-${this.productDetails?.id || 'default'}`;\n }\n\n private getAccordionKey(): string | number {\n return this.productDetails?.id || 'default';\n }\n\n private shouldBeCollapsible(): boolean {\n if (this.collapsible !== undefined) {\n return this.collapsible;\n }\n return this.productDetails?.options?.length > 0;\n }\n\n private renderProductPrice() {\n if (!this.productDetails) {\n return null;\n }\n\n const { is_on_sale, sale_price, regular_price, price } = this.productDetails as any;\n\n if (is_on_sale && sale_price) {\n return (\n <div>\n <span class=\"s-order-details-product-price s-order-details-product-price-sale\">\n <span innerHTML={salla.money(sale_price)}></span>\n </span>\n {regular_price && (\n <span class=\"s-order-details-product-regular-price\">\n <span innerHTML={salla.money(regular_price)}></span>\n </span>\n )}\n </div>\n );\n }\n\n return (\n <span class=\"s-order-details-product-price\">\n <span innerHTML={salla.money(price)}></span>\n </span>\n );\n }\n\n private renderOptions() {\n if (!this.productDetails?.options?.length) {\n return null;\n }\n\n return (\n <salla-accordion-body>\n <div class=\"s-order-details-options\">\n <salla-order-details-options options={this.productDetails.options} />\n </div>\n </salla-accordion-body>\n );\n }\n\n render() {\n if (!this.productDetails) {\n return null;\n }\n\n const collapsibleState = this.shouldBeCollapsible();\n\n return (\n <Host class=\"s-order-details-bundle-wrapper\">\n <salla-accordion\n key={this.getAccordionKey()}\n collapsed={false}\n bordered={true}\n collapsible={collapsibleState}\n id={this.getAccordionId()}\n size=\"sm\"\n >\n <salla-accordion-head>\n <div class=\"s-order-details-product\">\n <div class=\"s-order-details-product-content\">\n <div class=\"s-order-details-product-info\">\n <div class=\"s-order-details-product-image\">\n <img src={this.getProductImage()} alt={this.getProductImageAlt()} />\n </div>\n <div class=\"s-order-details-product-details\">\n <a href={this.productDetails?.url || '#'} class=\"s-order-details-product-name\">\n {this.productDetails?.name || ''}\n </a>\n {this.renderProductPrice()}\n {this.productDetails?.quantity && (\n <span class=\"s-order-details-product-quantity\">\n ×{this.productDetails.quantity}\n </span>\n )}\n </div>\n </div>\n </div>\n </div>\n </salla-accordion-head>\n\n {this.renderOptions()}\n </salla-accordion>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/salla-order-details-multiple-bundle-product.entry.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"salla-order-details-multiple-bundle-product.entry.cjs.js","sources":["src/components/salla-order-details/salla-order-details-multiple-bundle-product.scss?tag=salla-order-details-multiple-bundle-product","src/components/salla-order-details/salla-order-details-multiple-bundle-product.tsx"],"sourcesContent":["","import { Component, Host, h, Prop } from '@stencil/core';\nimport { OrderProduct } from './interfaces';\n\n/**\n * @salla/ui-components\n * The `salla-order-details-multiple-bundle-product` component renders a collapsible summary for an order multiple bundle product with optional options list.\n * It uses the salla-accordion component to provide collapsible functionality.\n */\n@Component({\n tag: 'salla-order-details-multiple-bundle-product',\n styleUrl: 'salla-order-details-multiple-bundle-product.scss',\n})\nexport class SallaproductDetailsMultipleBundleProduct {\n /** The product data to display */\n @Prop({ attribute: 'product-details' }) productDetails: OrderProduct;\n\n /** Whether the accordion should be collapsible */\n @Prop() collapsible?: boolean;\n\n /** Placeholder image URL when product image is not available */\n @Prop() placeholderImage: string = salla.url.cdn('images/s-empty.png');\n\n private getProductImage(): string {\n if (!this.productDetails?.image) {\n return this.placeholderImage;\n }\n\n // Handle both string and object types for image\n if (typeof this.productDetails.image === 'string') {\n return this.productDetails.image;\n }\n\n return (\n this.productDetails.image.url || this.placeholderImage || salla.url.cdn('images/s-empty.png')\n );\n }\n\n private getProductImageAlt(): string {\n if (!this.productDetails?.image || typeof this.productDetails.image === 'string') {\n return this.productDetails?.name || '';\n }\n\n return this.productDetails.image.alt || this.productDetails?.name || '';\n }\n\n private getAccordionId(): string {\n return `accordion-${this.productDetails?.id || 'default'}`;\n }\n\n private getAccordionKey(): string | number {\n return this.productDetails?.id || 'default';\n }\n\n private shouldBeCollapsible(): boolean {\n if (this.collapsible !== undefined) {\n return this.collapsible;\n }\n return this.productDetails?.options?.length > 0;\n }\n\n private renderProductPrice() {\n if (!this.productDetails) {\n return null;\n }\n\n const { is_on_sale, sale_price, regular_price, price } = this.productDetails as any;\n\n if (is_on_sale && sale_price) {\n return (\n <div>\n <span class=\"s-order-details-product-price s-order-details-product-price-sale\">\n <span innerHTML={salla.money(sale_price)}></span>\n </span>\n {regular_price && (\n <span class=\"s-order-details-product-regular-price\">\n <span innerHTML={salla.money(regular_price)}></span>\n </span>\n )}\n </div>\n );\n }\n\n return (\n <span class=\"s-order-details-product-price\">\n <span innerHTML={salla.money(price)}></span>\n </span>\n );\n }\n\n private renderOptions() {\n if (!this.productDetails?.options?.length) {\n return null;\n }\n\n return (\n <salla-accordion-body>\n <div class=\"s-order-details-options\">\n <salla-order-details-options options={this.productDetails.options} />\n </div>\n </salla-accordion-body>\n );\n }\n\n render() {\n if (!this.productDetails) {\n return null;\n }\n\n const collapsibleState = this.shouldBeCollapsible();\n\n return (\n <Host class=\"s-order-details-bundle-wrapper\">\n <salla-accordion\n key={this.getAccordionKey()}\n collapsed={false}\n bordered={true}\n collapsible={collapsibleState}\n id={this.getAccordionId()}\n size=\"sm\"\n >\n <salla-accordion-head>\n <div class=\"s-order-details-product\">\n <div class=\"s-order-details-product-content\">\n <div class=\"s-order-details-product-info\">\n <div class=\"s-order-details-product-image\">\n <img src={this.getProductImage()} alt={this.getProductImageAlt()} />\n </div>\n <div class=\"s-order-details-product-details\">\n <a href={this.productDetails?.url || '#'} class=\"s-order-details-product-name\">\n {this.productDetails?.name || ''}\n </a>\n {this.renderProductPrice()}\n {this.productDetails?.quantity && (\n <span class=\"s-order-details-product-quantity\">\n ×{this.productDetails.quantity}\n </span>\n )}\n </div>\n </div>\n </div>\n </div>\n </salla-accordion-head>\n\n {this.renderOptions()}\n </salla-accordion>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":"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"}

package/dist/cjs/salla-order-details.cjs.entry.js ADDED Viewed

@@ -0,0 +1,53 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+var index = require('./index-DxXe1Ylr.js');
+const sallaOrderDetailsCss = "";
+const SallaOrderDetails = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    parseOrderDetailsData(newValue) {
+        this.parsedOrderDetailsData = newValue;
+        if (typeof this.orderDetails === 'string') {
+            this.parsedOrderDetailsData = JSON.parse(newValue);
+        }
+        else {
+            this.parsedOrderDetailsData = newValue;
+        }
+    }
+    componentWillLoad() {
+        this.parseOrderDetailsData(this.orderDetails);
+        console.log('Parent componentWillLoad - parsedOrderDetailsData:', this.parsedOrderDetailsData);
+    }
+    renderOrderDetailsContent() {
+        // Check if we have parsed data
+        if (!this.parsedOrderDetailsData) {
+            console.warn('No parsedOrderDetailsData available');
+            return null;
+        }
+        return [
+            /* Product Options */
+            this.parsedOrderDetailsData.options && this.parsedOrderDetailsData.options.length > 0 && (index.h("salla-order-details-options", { options: this.parsedOrderDetailsData.options })),
+            /* Bundle Subproducts */
+            this.parsedOrderDetailsData.sub_products &&
+                this.parsedOrderDetailsData.sub_products.length > 0 && (index.h(index.Fragment, null, index.h("h2", { class: "s-order-details-bundle-title" }, salla.lang.get('pages.orders.sub_products')), index.h("div", { class: "s-order-details-bundle-content" }, this.parsedOrderDetailsData.sub_products.map(product => (index.h("salla-order-details-multiple-bundle-product", { key: product === null || product === void 0 ? void 0 : product.id, productDetails: product })))))),
+        ];
+    }
+    render() {
+        return index.h(index.Host, { key: 'd76fce6a442aca11f3544a9f101ea4245a9317db', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+    }
+    static get watchers() { return {
+        "orderDetails": ["parseOrderDetailsData"]
+    }; }
+};
+SallaOrderDetails.style = sallaOrderDetailsCss;
+exports.salla_order_details = SallaOrderDetails;
+//# sourceMappingURL=salla-order-details.entry.cjs.js.map
+//# sourceMappingURL=salla-order-details.cjs.entry.js.map

package/dist/cjs/salla-order-details.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"salla-order-details.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,oBAAoB,GAAG,EAAE;;MCYlB,iBAAiB,GAAA,MAAA;;;;AAMpB,IAAA,qBAAqB,CAAC,QAA+B,EAAA;AAC3D,QAAA,IAAI,CAAC,sBAAsB,GAAG,QAAwB;AACtD,QAAA,IAAI,OAAO,IAAI,CAAC,YAAY,KAAK,QAAQ,EAAE;YACzC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAkB,CAAC;;aACvD;AACL,YAAA,IAAI,CAAC,sBAAsB,GAAG,QAAwB;;;IAI1D,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,YAAY,CAAC;QAC7C,OAAO,CAAC,GAAG,CAAC,oDAAoD,EAAE,IAAI,CAAC,sBAAsB,CAAC;;IAGxF,yBAAyB,GAAA;;AAE/B,QAAA,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;AAChC,YAAA,OAAO,CAAC,IAAI,CAAC,qCAAqC,CAAC;AACnD,YAAA,OAAO,IAAI;;QAGb,OAAO;;AAEL,YAAA,IAAI,CAAC,sBAAsB,CAAC,OAAO,IAAI,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,KACnFA,OAAA,CAAA,6BAAA,EAAA,EAA6B,OAAO,EAAE,IAAI,CAAC,sBAAsB,CAAC,OAAO,EAAA,CAAI,CAC9E;;YAGD,IAAI,CAAC,sBAAsB,CAAC,YAAY;gBACtC,IAAI,CAAC,sBAAsB,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,KACjDA,OAAA,CAACC,cAAQ,EAAA,IAAA,EACPD,OAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,8BAA8B,EAAA,EACrC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,2BAA2B,CAAC,CACzC,EACLA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gCAAgC,EACxC,EAAA,IAAI,CAAC,sBAAsB,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,KACnDA,OAAA,CAAA,6CAAA,EAAA,EACE,GAAG,EAAE,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAE,EAAE,EAChB,cAAc,EAAE,OAAO,EACvB,CAAA,CACH,CAAC,CACE,CACG,CACZ;SACJ;;IAGH,MAAM,GAAA;AACJ,QAAA,OAAOA,OAAC,CAAAE,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAE,EAAA,IAAI,CAAC,yBAAyB,EAAE,CAAQ;;;;;;;;;;","names":["h","Fragment","Host"],"sources":["src/components/salla-order-details/salla-order-details.scss?tag=salla-order-details","src/components/salla-order-details/salla-order-details.tsx"],"sourcesContent":["","import { Component, Host, h, Prop, State, Watch, Fragment } from '@stencil/core';\nimport { OrderProduct } from './interfaces';\n\n/**\n * @salla/ui-components\n * The `salla-order-details` component renders a collapsible summary for an order product with optional options list.\n * It uses the salla-accordion component to provide collapsible functionality.\n */\n@Component({\n tag: 'salla-order-details',\n styleUrl: 'salla-order-details.scss',\n})\nexport class SallaOrderDetails {\n @Prop() orderDetails: string | OrderProduct;\n\n @State() parsedOrderDetailsData: OrderProduct;\n\n @Watch('orderDetails')\n private parseOrderDetailsData(newValue: string | OrderProduct) {\n this.parsedOrderDetailsData = newValue as OrderProduct;\n if (typeof this.orderDetails === 'string') {\n this.parsedOrderDetailsData = JSON.parse(newValue as string);\n } else {\n this.parsedOrderDetailsData = newValue as OrderProduct;\n }\n }\n\n componentWillLoad() {\n this.parseOrderDetailsData(this.orderDetails);\n console.log('Parent componentWillLoad - parsedOrderDetailsData:', this.parsedOrderDetailsData);\n }\n\n private renderOrderDetailsContent() {\n // Check if we have parsed data\n if (!this.parsedOrderDetailsData) {\n console.warn('No parsedOrderDetailsData available');\n return null;\n }\n\n return [\n /* Product Options */\n this.parsedOrderDetailsData.options && this.parsedOrderDetailsData.options.length > 0 && (\n <salla-order-details-options options={this.parsedOrderDetailsData.options} />\n ),\n\n /* Bundle Subproducts */\n this.parsedOrderDetailsData.sub_products &&\n this.parsedOrderDetailsData.sub_products.length > 0 && (\n <Fragment>\n <h2 class=\"s-order-details-bundle-title\">\n {salla.lang.get('pages.orders.sub_products')}\n </h2>\n <div class=\"s-order-details-bundle-content\">\n {this.parsedOrderDetailsData.sub_products.map(product => (\n <salla-order-details-multiple-bundle-product\n key={product?.id}\n productDetails={product}\n />\n ))}\n </div>\n </Fragment>\n ),\n ];\n }\n\n render() {\n return <Host class=\"s-order-details-wrapper\">{this.renderOrderDetailsContent()}</Host>;\n }\n}\n"],"version":3}

package/dist/cjs/salla-order-details.entry.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"salla-order-details.entry.cjs.js","sources":["src/components/salla-order-details/salla-order-details.scss?tag=salla-order-details","src/components/salla-order-details/salla-order-details.tsx"],"sourcesContent":["","import { Component, Host, h, Prop, State, Watch, Fragment } from '@stencil/core';\nimport { OrderProduct } from './interfaces';\n\n/**\n * @salla/ui-components\n * The `salla-order-details` component renders a collapsible summary for an order product with optional options list.\n * It uses the salla-accordion component to provide collapsible functionality.\n */\n@Component({\n tag: 'salla-order-details',\n styleUrl: 'salla-order-details.scss',\n})\nexport class SallaOrderDetails {\n @Prop() orderDetails: string | OrderProduct;\n\n @State() parsedOrderDetailsData: OrderProduct;\n\n @Watch('orderDetails')\n private parseOrderDetailsData(newValue: string | OrderProduct) {\n this.parsedOrderDetailsData = newValue as OrderProduct;\n if (typeof this.orderDetails === 'string') {\n this.parsedOrderDetailsData = JSON.parse(newValue as string);\n } else {\n this.parsedOrderDetailsData = newValue as OrderProduct;\n }\n }\n\n componentWillLoad() {\n this.parseOrderDetailsData(this.orderDetails);\n console.log('Parent componentWillLoad - parsedOrderDetailsData:', this.parsedOrderDetailsData);\n }\n\n private renderOrderDetailsContent() {\n // Check if we have parsed data\n if (!this.parsedOrderDetailsData) {\n console.warn('No parsedOrderDetailsData available');\n return null;\n }\n\n return [\n /* Product Options */\n this.parsedOrderDetailsData.options && this.parsedOrderDetailsData.options.length > 0 && (\n <salla-order-details-options options={this.parsedOrderDetailsData.options} />\n ),\n\n /* Bundle Subproducts */\n this.parsedOrderDetailsData.sub_products &&\n this.parsedOrderDetailsData.sub_products.length > 0 && (\n <Fragment>\n <h2 class=\"s-order-details-bundle-title\">\n {salla.lang.get('pages.orders.sub_products')}\n </h2>\n <div class=\"s-order-details-bundle-content\">\n {this.parsedOrderDetailsData.sub_products.map(product => (\n <salla-order-details-multiple-bundle-product\n key={product?.id}\n productDetails={product}\n />\n ))}\n </div>\n </Fragment>\n ),\n ];\n }\n\n render() {\n return <Host class=\"s-order-details-wrapper\">{this.renderOrderDetailsContent()}</Host>;\n }\n}\n"],"names":["h","Fragment","Host"],"mappings":";;;;;;;AAAA,MAAM,oBAAoB,GAAG,EAAE;;MCYlB,iBAAiB,GAAA,MAAA;;;;AAMpB,IAAA,qBAAqB,CAAC,QAA+B,EAAA;AAC3D,QAAA,IAAI,CAAC,sBAAsB,GAAG,QAAwB;AACtD,QAAA,IAAI,OAAO,IAAI,CAAC,YAAY,KAAK,QAAQ,EAAE;YACzC,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAkB,CAAC;;aACvD;AACL,YAAA,IAAI,CAAC,sBAAsB,GAAG,QAAwB;;;IAI1D,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,YAAY,CAAC;QAC7C,OAAO,CAAC,GAAG,CAAC,oDAAoD,EAAE,IAAI,CAAC,sBAAsB,CAAC;;IAGxF,yBAAyB,GAAA;;AAE/B,QAAA,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;AAChC,YAAA,OAAO,CAAC,IAAI,CAAC,qCAAqC,CAAC;AACnD,YAAA,OAAO,IAAI;;QAGb,OAAO;;AAEL,YAAA,IAAI,CAAC,sBAAsB,CAAC,OAAO,IAAI,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,KACnFA,OAAA,CAAA,6BAAA,EAAA,EAA6B,OAAO,EAAE,IAAI,CAAC,sBAAsB,CAAC,OAAO,EAAA,CAAI,CAC9E;;YAGD,IAAI,CAAC,sBAAsB,CAAC,YAAY;gBACtC,IAAI,CAAC,sBAAsB,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,KACjDA,OAAA,CAACC,cAAQ,EAAA,IAAA,EACPD,OAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAC,8BAA8B,EAAA,EACrC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,2BAA2B,CAAC,CACzC,EACLA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,gCAAgC,EACxC,EAAA,IAAI,CAAC,sBAAsB,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,KACnDA,OAAA,CAAA,6CAAA,EAAA,EACE,GAAG,EAAE,OAAO,KAAP,IAAA,IAAA,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAE,EAAE,EAChB,cAAc,EAAE,OAAO,EACvB,CAAA,CACH,CAAC,CACE,CACG,CACZ;SACJ;;IAGH,MAAM,GAAA;AACJ,QAAA,OAAOA,OAAC,CAAAE,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yBAAyB,EAAE,EAAA,IAAI,CAAC,yBAAyB,EAAE,CAAQ;;;;;;;;;;"}

package/dist/cjs/salla-order-summary.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var check = require('./check-CLRvuniI.js');
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->
@@ -92,7 +92,7 @@ const SallaOrderSummary = class {
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (index.h("ul", { key: '6358d81e74e1fd966b7046deab946f33391b2fc6', class: "s-order-summary-wrapper" }, this.noItemFound ? index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "title" })) :
+        return (index.h("ul", { key: '14eed8e219bcde5b32d5fddb95bb8727e980c56c', class: "s-order-summary-wrapper" }, this.noItemFound ? index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "title" })) :
             this.order_items.map((item) => (this.isDigitalCard(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (index.h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, index.h("p", null, index.h("span", { innerHTML: iconCreditCard }), index.h("span", null, code.code)), index.h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, index.h("span", { innerHTML: this.codeCopied === code.code ? check.IconVerified : iconCopy }), index.h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), index.h("ul", null, item.files.map((file) => (index.h("li", { class: "s-order-summary-digital-item-wrapper" }, index.h("div", null, index.h("span", { innerHTML: iconFileArchive }), index.h("span", null, file.name)), index.h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, index.h("span", { innerHTML: iconDownload }), index.h("span", null, this.download_text)))))))) : null))));
     }

package/dist/cjs/salla-orders.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var Helper = require('./Helper-Cr8AV7wI.js');
 require('./anime.es-BqW8JHZi.js');

package/dist/cjs/salla-payments.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 const sallaPaymentsCss = ":host{display:block}";
@@ -38,12 +38,12 @@ const SallaPayments = class {
     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 (index.h(index.Host, { key: '6c8a1fd050822882224ee1e419f6f6dbdbfaf12d', class: "s-payments-list-wrap" }, index.h("ul", { key: '773195024ce6f616ad9b87091c8ddfd0e153f9ec', class: "s-payments-list" }, madeInKSA && index.h("li", { key: '203bebb61c41ca108c0ec969661d5922db2ac378', class: "s-payments-list-item" }, index.h("img", { key: 'a687fac0d968f0485a0a59d1205a0f0db1f100f4', class: "lazy", width: "100%", height: "100%", decoding: "async", loading: "lazy", "data-src": salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
+        return (index.h(index.Host, { key: 'a1a26ba03aa60491071f0e63bac40de3ad91bce6', class: "s-payments-list-wrap" }, index.h("ul", { key: 'd31ca162e83aade956f45d8f517029942a748646', class: "s-payments-list" }, madeInKSA && index.h("li", { key: '552e3e57345d01ab33bfd20094cbcf8f702c6efa', class: "s-payments-list-item" }, index.h("img", { key: '04eb9c9a1950edc9ea3c2e218fbe6c5c21d65f6a', class: "lazy", width: "100%", height: "100%", decoding: "async", loading: "lazy", "data-src": salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
             index.h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
             index.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 && index.h("div", { key: 'f571920327b81c48f502c1d6e497955978634c08', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && index.h("div", { key: '5f69b3c936edf8039006d6ecd73e3c44b74b9167', 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/cjs/salla-price-range.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 var arrowRight = `<!-- Generated by IcoMoon.io -->
@@ -160,9 +160,9 @@ const SallaPriceRange = class {
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (index.h(index.Host, { key: 'e257e65621d724438fd4fdd74cdec45596a81cd0' }, this.filterValues.map((filterValue, index$1) => {
+        return (index.h(index.Host, { key: 'dc09f4be81c3652da570b522894917f6b70faf61' }, this.filterValues.map((filterValue, index$1) => {
             return index.h("label", { class: "s-filters-label", htmlFor: `${this.option.key}-${index$1}`, key: index$1 }, index.h("input", { id: `${this.option.key}-${index$1}`, name: "price", type: "radio", checked: this.isChecked(filterValue), class: "s-filters-radio", onChange: e => this.handleMinMaxPrice(e, filterValue) }), index.h("span", { innerHTML: this.getPriceLabel(filterValue) }));
-        }), index.h("div", { key: '097faf8d72b3c441bc22041a5643f91f61bbdd40', class: "flex justify-center items-center" }, index.h("div", { key: '6adaa2b16c015de4ab5e254d4a9be05bb65b7848', class: "relative max-w-xl w-full" }, index.h("div", { key: '3667d98c1e0886fc31600d23dd5a41a18d5ff8d0', class: "s-price-range-inputs" }, index.h("div", { key: '98fdc0fdc9632318daa4664d4798154a17fe700a', class: "s-price-range-relative" }, index.h("div", { key: 'addd7b56c1e2496dba50db7ec320f8f5ea129d42', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: 'd36e129fd777ccfe30cf8d974dd96cf82e64c805', 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" })), index.h("div", { key: 'b1fcc176d31d724c646291262e42c6a74e75f299', class: "s-price-range-gray-text" }, " -"), index.h("div", { key: '93db8728b9f118be78549c6839a4d85d4664a3dc', class: "s-price-range-relative" }, index.h("div", { key: '7b63ca0ffd946d34549768bf87876868842478a4', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: 'ba005f3834bc2179e1346cae746b7c734abaf0dd', 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" })), index.h("salla-button", { key: '74283ca210bf2f85a4e5d7dde69372e55453a5a5', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, index.h("span", { key: '04600f026e465f96f98d54841e8c7bd7d1c849bd', innerHTML: this.isRTL ? arrowLeft.arrowLeft : arrowRight })))))));
+        }), index.h("div", { key: '97f20e2bcff15d906dc5566a7f147339e4423138', class: "flex justify-center items-center" }, index.h("div", { key: '4c631a9f5c77890bcffd365db6dab471ba989246', class: "relative max-w-xl w-full" }, index.h("div", { key: '3e4c53b29c4e6fa90eba1a23f646d8391b1ce462', class: "s-price-range-inputs" }, index.h("div", { key: '6bb515095db500d78c5cc22f2bd25635d157793d', class: "s-price-range-relative" }, index.h("div", { key: '59617a36c7095a0766155521afb20d517fc5321a', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: 'bc1ae88ba28bcc11a7373cad13cdd2104646023b', 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" })), index.h("div", { key: '49e12143570efe2f019e9a3240f9d1c184482f9c', class: "s-price-range-gray-text" }, " -"), index.h("div", { key: '1e61ef602dbb0f1622bbd7279f15b5ef71d0f2db', class: "s-price-range-relative" }, index.h("div", { key: '5aac7489a79f52156f382e0e4e181b6d0a8e5fb3', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: '104a3ce0be1d461715fdc6a29d0df33a8a378ad3', 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" })), index.h("salla-button", { key: '2e722552816b6ceabf030d596fac580e1fa8d41a', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, index.h("span", { key: '6f41a0dfa95c9910ab5d17e98ba815444fab8cca', innerHTML: this.isRTL ? arrowLeft.arrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

package/dist/cjs/salla-product-options.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var check = require('./check-CLRvuniI.js');
 var camera = require('./camera-DytepEoK.js');

package/dist/cjs/salla-review-card.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var check = require('./check-CLRvuniI.js');
 var IconStar2 = ` <svg width="18" height="17" view-box="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -182,7 +182,7 @@ const SallaReviewCard = class {
     }
     render() {
         var _a;
-        return index.h("div", { key: '8797bb6b8123ab8a8d4536eb990dcde15e1ddd06', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), index.h("div", { key: 'b2b3bdc4e8a63aae9103eca5274003b49d4bf19e', class: "s-review-card-content" }, this.renderHeader(), index.h("p", { key: '0e64b3fe2ae5e59a1899515c04063f74b9828001', class: "s-review-card-review-content", innerHTML: (_a = this.review) === null || _a === void 0 ? void 0 : _a.content }), renderDivider(), this.renderProductInfo()));
+        return index.h("div", { key: '22c0b4997b5eaa3eee23c642aa8fc778cff7fd22', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), index.h("div", { key: 'db1391a8d4ddad808f54551b39d9bfeb55466225', class: "s-review-card-content" }, this.renderHeader(), index.h("p", { key: '4c6e9af60e480f5c9f840e7ba95f7c59ba12e172', class: "s-review-card-review-content", innerHTML: (_a = this.review) === null || _a === void 0 ? void 0 : _a.content }), renderDivider(), this.renderProductInfo()));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/salla-reviews-page.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-DtXwvL5X.js');
+var index = require('./index-DxXe1Ylr.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-Cr8AV7wI.js');
 require('./anime.es-BqW8JHZi.js');
@@ -686,7 +686,7 @@ const SallaReviewsPage = class {
     }
     render() {
         var _a, _b;
-        return (index.h("host", { key: '2108b6bebdc8a651705e45d169fb10127c3c215e' }, index.h("div", { key: '84972824884151462a1040bdc53c334b733cd7fb', class: "s-reviews-page-header-wrapper" }, index.h("h2", { key: '80905de0950443f7e2b1c28d63bcb7f3fa47dc0c', class: "s-reviews-page-title" }, this.langTitlesReviews, index.h("span", { key: 'd51385e66a1dee802786b50d063501b6397ce345', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), index.h("div", { key: '2fc74d0b61d0377f0d14a5fd15a4d852e6850932', class: "s-reviews-page-filter-wrapper" }, index.h("label", { key: '8d1363a2b2f6722f1c56445b5ba33a98f241b106', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), index.h("select", { key: 'eb27d82e25fa609b25d5ca825381285c0a40cc5b', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? index.h("main", { class: "s-reviews-page-grid", ref: el => {
+        return (index.h("host", { key: 'f3b06307322a56ad320374a50e13161be4e7cc8a' }, index.h("div", { key: '3dcabdae4ee87de5c62873f327657991a56bc0e1', class: "s-reviews-page-header-wrapper" }, index.h("h2", { key: '61bca34f24c52440fd8f736f9a6ab2b37be65c34', class: "s-reviews-page-title" }, this.langTitlesReviews, index.h("span", { key: 'c29228eaa51e9c202c6031e5f69b95905aa5485a', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), index.h("div", { key: '81f964be39231e21cd7c994e7e241e755af54c86', class: "s-reviews-page-filter-wrapper" }, index.h("label", { key: 'd408952ef5ffba3bedd5e01b5c6edec1aeb34f28', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), index.h("select", { key: '5138fdf478aed6fea544dd1adf4d32f715f89532', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? index.h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (index.h("salla-review-card", { key: review.id, review: review }))))
             : index.h("div", { class: "s-products-list-placeholder" }, index.h("span", { innerHTML: shoppingBag.ShoppingBag }), index.h("p", null, this.placeholderText)), ((_b = (_a = this.pagination) === null || _a === void 0 ? void 0 : _a.links) === null || _b === void 0 ? void 0 : _b.next) && this.reviews.length ? (index.h("div", { class: "s-reviews-page-load-more-container" }, index.h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => { var _a; return (_a = this.infiniteScroll) === null || _a === void 0 ? void 0 : _a.loadNextPage(); }, onKeyUp: () => { var _a; return (_a = this.infiniteScroll) === null || _a === void 0 ? void 0 : _a.loadNextPage(); } }, this.langLoadMore))) : null));