@salla.sa/twilight-components 2.13.62 → 2.13.64

package/dist/cjs/salla-add-product-button_48.cjs.entry.js

@@ -1820,13 +1820,15 @@ const SallaCommentItem = class {
     return Array.isArray(this.comment.replies) ? this.comment.replies : [this.comment.replies];
   }
   getDate(dateString) {
-    const date = new Date(dateString);
-    const formattedDate = `${date.getMonth() + 1}/${date.getDate()}/${date.getFullYear()}`;
+    const [datePart] = dateString.split(' ');
+    const [year, month, day] = datePart.split('-');
+    const formattedDate = `${parseInt(month, 10)}/${parseInt(day, 10)}/${parseInt(year, 10)}`;
     return formattedDate;
   }
   getTime(dateString) {
-    const date = new Date(dateString);
-    const formattedTime = `${date.getHours()}:${date.getMinutes()}`;
+    const [, timePart] = dateString.split(' ');
+    const [hours, minutes] = timePart.split(':');
+    const formattedTime = `${parseInt(hours, 10)}:${parseInt(minutes, 10)}`;
     return formattedTime;
   }
   render() {
@@ -2001,9 +2003,9 @@ const SallaComments = class {
   render() {
     // We should show a different placeholder for pages and products (WIP)
     if (this.showPlaceholder) {
-      return (index.h("div", null, !!this.total && !this.hideTitle ? index.h("h2", { class: "s-comments-title" }, this.blockTitle ? this.blockTitle : this.comment_title) : '', !this.hideForm && index.h("salla-comment-form", { "show-avatar": this.showFormAvatar, type: this.type, "item-id": this.itemId }), index.h("div", { class: "no-content-placeholder--comments" }, index.h("i", { class: "sicon-chat-bubbles text-5xl block mb-5 text-gray-400" }), index.h("p", { class: "text-sm" }, this.noComments))));
+      return (index.h("div", null, !!this.total && !this.hideTitle ? index.h("h2", { class: "s-comments-title" }, this.blockTitle ? this.blockTitle : this.comment_title) : '', !this.hideForm && index.h("salla-comment-form", { showAvatar: this.showFormAvatar, type: this.type, "item-id": this.itemId }), index.h("div", { class: "no-content-placeholder--comments" }, index.h("i", { class: "sicon-chat-bubbles text-5xl block mb-5 text-gray-400" }), index.h("p", { class: "text-sm" }, this.noComments))));
     }
-    return (index.h("div", { class: `s-comments s-comments-${this.type}` }, index.h("div", { class: `${this.type == CommentType.PAGE ? "s-comments-page-container" : "s-comments-container"}` }, !!this.total && !this.hideTitle ? index.h("h2", { class: "s-comments-title" }, this.blockTitle ? this.blockTitle : this.comment_title) : '', !this.hideForm && index.h("salla-comment-form", { type: this.type, "item-id": this.itemId }), !!this.total && index.h("h2", { class: "s-comments-count-label", innerHTML: this.pluralize(this.comment_name, this.total) }), index.h("div", { ref: wrapper => this.wrapper = wrapper }), this.nextPage && (index.h("div", { class: "s-infinite-scroll-wrapper", ref: status => this.status = status }, index.h("button", { onClick: () => this.loadMore(), class: "s-infinite-scroll-btn s-button-btn s-button-primary" }, index.h("span", { class: "s-button-text s-infinite-scroll-btn-text" }, this.loadMoreText ? this.loadMoreText : salla.lang.get('common.elements.load_more')), index.h("span", { class: "s-button-loader s-button-loader-center s-infinite-scroll-btn-loader", ref: btnLoader => this.btnLoader = btnLoader, style: { "display": "none" } })))))));
+    return (index.h("div", { class: `s-comments s-comments-${this.type}` }, index.h("div", { class: `${this.type == CommentType.PAGE ? "s-comments-page-container" : "s-comments-container"}` }, !!this.total && !this.hideTitle ? index.h("h2", { class: "s-comments-title" }, this.blockTitle ? this.blockTitle : this.comment_title) : '', !this.hideForm && index.h("salla-comment-form", { showAvatar: this.showFormAvatar, type: this.type, "item-id": this.itemId }), !!this.total && index.h("h2", { class: "s-comments-count-label", innerHTML: this.pluralize(this.comment_name, this.total) }), index.h("div", { ref: wrapper => this.wrapper = wrapper }), this.nextPage && (index.h("div", { class: "s-infinite-scroll-wrapper", ref: status => this.status = status }, index.h("button", { onClick: () => this.loadMore(), class: "s-infinite-scroll-btn s-button-btn s-button-primary" }, index.h("span", { class: "s-button-text s-infinite-scroll-btn-text" }, this.loadMoreText ? this.loadMoreText : salla.lang.get('common.elements.load_more')), index.h("span", { class: "s-button-loader s-button-loader-center s-infinite-scroll-btn-loader", ref: btnLoader => this.btnLoader = btnLoader, style: { "display": "none" } })))))));
   }
   async componentWillLoad() {
     await this.loadInitialData(); // Load initial data before rendering the component