npm - @salla.sa/twilight-components - Versions diffs - 2.13.66 → 2.13.67 - Mend

@salla.sa/twilight-components 2.13.66 → 2.13.67

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 (42) hide show

package/dist/components/salla-comment-item2.js CHANGED Viewed

@@ -54,7 +54,7 @@ const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem
         h("span", { class: "s-comments-item-rated-widget" }, this.rated_trans) : null)
       : null), h("p", { class: "s-comments-item-timestamp s-ltr" }, " ", this.getDate((_e = this.comment.created_at) === null || _e === void 0 ? void 0 : _e.date), " ", h("span", { class: "s-comments-item-time" }, " - ", this.getTime((_f = this.comment.created_at) === null || _f === void 0 ? void 0 : _f.date), " ")), !!this.comment.rating ?
       h("salla-rating-stars", { size: "mini", class: "s-comments-item-stars", value: this.comment.rating })
-      : null), h("div", { class: "s-comments-item-content" }, h("p", null, this.comment.content), this.comment.is_pending ?
+      : null), h("div", { class: "s-comments-item-content" }, h("p", { innerHTML: this.comment.content }), this.comment.is_pending ?
       h("span", { class: "s-comments-item-pending-text" }, this.waiting_approval_trans) : null))), !!this.getReplies().length && !isAdmin ?
       this.getReplies().map((reply) => {
         return h("div", null, h("salla-comment-item", { comment: reply }));

package/dist/components/salla-comment-item2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"salla-comment-item2.js","mappings":"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~~aAAI~~,IAAI,CAAC,OAAO,CAAC,OAAO,~~CAAK~~,~~EAC5B~~,IAAI,CAAC,OAAO,CAAC,UAAU;MACtB,YACE,KAAK,EAAC,8BAA8B,IAAE,IAAI,CAAC,sBAAsB,CAAQ,GAAG,IAAI,CAIhF,CACF,CACF,EACL,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,MAAM,IAAI,CAAC,OAAO;MACrC,IAAI,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,KAAc;QACnC,OAAO,eAAK,0BAAoB,OAAO,EAAE,KAAK,GAAuB,CAAM,CAAA;OAC5E,CAAC,GAAG,IAAI,CACP,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["CheckIcon"],"sources":["src/components/salla-comments/salla-comments.scss?tag=salla-comment-item","src/components/salla-comments/salla-comment-item.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, State, Prop, h, Element, Host } from '@stencil/core';\nimport { Comment } from './interfaces';\nimport CheckIcon from \"../../assets/svg/check.svg\"\nimport Reply from \"../../assets/svg/reply.svg\"\n\n@Component({\n tag: 'salla-comment-item',\n styleUrl: 'salla-comments.scss',\n})\nexport class SallaCommentItem {\n\n constructor() {\n salla.lang.onLoaded(() => {\n this.has_bought_trans = salla.lang.get('blocks.comments.has_bought')\n this.rated_trans = salla.lang.get('pages.rating.rated')\n this.waiting_approval_trans = salla.lang.get('blocks.comments.waiting_approval')\n this.has_order_trans = salla.lang.get('blocks.comments.has_order')\n })\n }\n @Element() host: HTMLElement;\n\n /*\n Single Comment Instance\n /\n @Prop() comment: Comment;\n\n // Translations\n @State() has_bought_trans = salla.lang.get('blocks.comments.has_bought')\n @State() rated_trans = salla.lang.get('pages.rating.rated')\n @State() waiting_approval_trans = salla.lang.get('blocks.comments.waiting_approval')\n @State() has_order_trans = salla.lang.get('blocks.comments.has_order')\n\n private getReplies() {\n return Array.isArray(this.comment.replies) ? this.comment.replies : [this.comment.replies]\n }\n\n private getDate(dateString) {\n const [datePart] = dateString.split(' ');\n const [year, month, day] = datePart.split('-');\n const formattedDate = `${parseInt(month, 10)}/${parseInt(day, 10)}/${parseInt(year, 10)}`;\n return formattedDate;\n }\n \n private getTime(dateString) {\n const [, timePart] = dateString.split(' ');\n const [hours, minutes] = timePart.split(':');\n const formattedTime = `${parseInt(hours, 10)}:${parseInt(minutes, 10)}`;\n return formattedTime;\n }\n \n render() {\n let isAdmin = this.comment.type == 'admin';\n return (\n <Host class={isAdmin ? 's-comments-item-admin' : 's-comments-item'}>\n <div class={{ \"s-comments-item-wrapper\": !isAdmin, \"s-comments-item-admin-wrapper\": isAdmin }} id={`s-comments-item-${this.comment.id}`}>\n <div class=\"s-comments-item-inner s-comments-flex-1\">\n {isAdmin && <span class=\"s-comments-item-reply-icon\" innerHTML={Reply}></span>}\n <div class=\"s-comments-item-avatar\">\n <img data-src={this.comment?.avatar}\n alt={this.comment?.name} src={this.comment?.avatar}\n class=\"s-comments-item-avatar-img lazy\" />\n </div>\n <div class=\"s-comments-flex-1\">\n <div class=\"s-comments-item-user-wrapper\">\n <div class=\"s-comments-item-user-info\">\n <h3 class=\"s-comments-item-user-info-name\">{this.comment?.name}</h3>\n\n {(this.comment.has_order \|\| !!this.comment.rating) && !this.comment.is_pending ?\n <div class=\"s-comments-flex\">\n {this.comment.has_order ?\n [<span class=\"s-comments-item-has-order-check-icon\" innerHTML={CheckIcon}></span>,\n <span class=\"s-comments-item-has-order-check-text\">\n {this.has_bought_trans} {this.comment.rating ? ', ' : ''}\n </span>] : null\n }\n {!!this.comment.rating ?\n <span class=\"s-comments-item-rated-widget\">{\n this.rated_trans}</span> : null}\n </div>\n : null}\n </div>\n\n <p class=\"s-comments-item-timestamp s-ltr\"> {this.getDate(this.comment.created_at?.date)} <span class=\"s-comments-item-time\"> - {this.getTime(this.comment.created_at?.date)} </span></p>\n\n {!!this.comment.rating ?\n <salla-rating-stars size=\"mini\" class=\"s-comments-item-stars\" value={this.comment.rating}></salla-rating-stars>\n : null}\n </div>\n\n <div class=\"s-comments-item-content\">\n <p>{this.comment.content}</p>\n {this.comment.is_pending ?\n <span\n class=\"s-comments-item-pending-text\">{this.waiting_approval_trans}</span> : null}\n {/ {this.comment.has_order ?\n <span data-toggle=\"tooltip\" data-placement=\"right\">{this.has_order_trans}</span>\n : null} */}\n </div>\n </div>\n </div>\n {!!this.getReplies().length && !isAdmin ?\n this.getReplies().map((reply: Comment) => {\n return <div><salla-comment-item comment={reply}></salla-comment-item></div>\n }) : null}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}
1	+ {"file":"salla-comment-item2.js","mappings":"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","names":["CheckIcon"],"sources":["src/components/salla-comments/salla-comments.scss?tag=salla-comment-item","src/components/salla-comments/salla-comment-item.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, State, Prop, h, Element, Host } from '@stencil/core';\nimport { Comment } from './interfaces';\nimport CheckIcon from \"../../assets/svg/check.svg\"\nimport Reply from \"../../assets/svg/reply.svg\"\n\n@Component({\n tag: 'salla-comment-item',\n styleUrl: 'salla-comments.scss',\n})\nexport class SallaCommentItem {\n\n constructor() {\n salla.lang.onLoaded(() => {\n this.has_bought_trans = salla.lang.get('blocks.comments.has_bought')\n this.rated_trans = salla.lang.get('pages.rating.rated')\n this.waiting_approval_trans = salla.lang.get('blocks.comments.waiting_approval')\n this.has_order_trans = salla.lang.get('blocks.comments.has_order')\n })\n }\n @Element() host: HTMLElement;\n\n /*\n Single Comment Instance\n /\n @Prop() comment: Comment;\n\n // Translations\n @State() has_bought_trans = salla.lang.get('blocks.comments.has_bought')\n @State() rated_trans = salla.lang.get('pages.rating.rated')\n @State() waiting_approval_trans = salla.lang.get('blocks.comments.waiting_approval')\n @State() has_order_trans = salla.lang.get('blocks.comments.has_order')\n\n private getReplies() {\n return Array.isArray(this.comment.replies) ? this.comment.replies : [this.comment.replies]\n }\n\n private getDate(dateString) {\n const [datePart] = dateString.split(' ');\n const [year, month, day] = datePart.split('-');\n const formattedDate = `${parseInt(month, 10)}/${parseInt(day, 10)}/${parseInt(year, 10)}`;\n return formattedDate;\n }\n \n private getTime(dateString) {\n const [, timePart] = dateString.split(' ');\n const [hours, minutes] = timePart.split(':');\n const formattedTime = `${parseInt(hours, 10)}:${parseInt(minutes, 10)}`;\n return formattedTime;\n }\n \n render() {\n let isAdmin = this.comment.type == 'admin';\n return (\n <Host class={isAdmin ? 's-comments-item-admin' : 's-comments-item'}>\n <div class={{ \"s-comments-item-wrapper\": !isAdmin, \"s-comments-item-admin-wrapper\": isAdmin }} id={`s-comments-item-${this.comment.id}`}>\n <div class=\"s-comments-item-inner s-comments-flex-1\">\n {isAdmin && <span class=\"s-comments-item-reply-icon\" innerHTML={Reply}></span>}\n <div class=\"s-comments-item-avatar\">\n <img data-src={this.comment?.avatar}\n alt={this.comment?.name} src={this.comment?.avatar}\n class=\"s-comments-item-avatar-img lazy\" />\n </div>\n <div class=\"s-comments-flex-1\">\n <div class=\"s-comments-item-user-wrapper\">\n <div class=\"s-comments-item-user-info\">\n <h3 class=\"s-comments-item-user-info-name\">{this.comment?.name}</h3>\n\n {(this.comment.has_order \|\| !!this.comment.rating) && !this.comment.is_pending ?\n <div class=\"s-comments-flex\">\n {this.comment.has_order ?\n [<span class=\"s-comments-item-has-order-check-icon\" innerHTML={CheckIcon}></span>,\n <span class=\"s-comments-item-has-order-check-text\">\n {this.has_bought_trans} {this.comment.rating ? ', ' : ''}\n </span>] : null\n }\n {!!this.comment.rating ?\n <span class=\"s-comments-item-rated-widget\">{\n this.rated_trans}</span> : null}\n </div>\n : null}\n </div>\n\n <p class=\"s-comments-item-timestamp s-ltr\"> {this.getDate(this.comment.created_at?.date)} <span class=\"s-comments-item-time\"> - {this.getTime(this.comment.created_at?.date)} </span></p>\n\n {!!this.comment.rating ?\n <salla-rating-stars size=\"mini\" class=\"s-comments-item-stars\" value={this.comment.rating}></salla-rating-stars>\n : null}\n </div>\n\n <div class=\"s-comments-item-content\">\n <p innerHTML={this.comment.content}></p>\n {this.comment.is_pending ?\n <span\n class=\"s-comments-item-pending-text\">{this.waiting_approval_trans}</span> : null}\n {/ {this.comment.has_order ?\n <span data-toggle=\"tooltip\" data-placement=\"right\">{this.has_order_trans}</span>\n : null} */}\n </div>\n </div>\n </div>\n {!!this.getReplies().length && !isAdmin ?\n this.getReplies().map((reply: Comment) => {\n return <div><salla-comment-item comment={reply}></salla-comment-item></div>\n }) : null}\n </div>\n </Host>\n );\n }\n\n}\n"],"version":3}