npm - @salla.sa/twilight-components - Versions diffs - 2.14.387 → 2.14.388 - Mend

@salla.sa/twilight-components 2.14.387 → 2.14.388

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

package/dist/cjs/salla-price-range.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 var arrowRight = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var PencilRuler = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-products-list.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-products-slider.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

package/dist/cjs/salla-progress-bar.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 const sallaProgressBarCss = "";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var mail = require('./mail-CO8cFZH7.js');
 var cancel = require('./cancel-De6vslRA.js');

package/dist/cjs/salla-rating-modal.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var star = require('./star-DGcH7Yso.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var Helper = require('./Helper-CU4Xuiki.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var search = require('./search-c7Aa7lM9.js');
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 const sallaSkeletonCss = ":host{display:block}";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 /**

package/dist/cjs/salla-social-share.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var mail = require('./mail-CO8cFZH7.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var instagram = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-tab-content_3.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 const sallaTabContentCss = "";

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-39%);background-color:#baf3e6;color:#004d5a;bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#baf3e6 transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}.s-tooltip-item--dark{background-color:#555555;color:white;padding:5px 15px;border-radius:8px;font-size:12px;font-weight:normal;max-width:330px;width:max-content}.s-tooltip-item--dark::after{border-color:#555555 transparent transparent transparent}";

package/dist/cjs/salla-trust-badges.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 const sallaTrustBadgesCss = "";

package/dist/cjs/salla-user-menu.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var keyboard_arrow_down = require('./keyboard_arrow_down-DHJ3FFZq.js');
 var bellRing = require('./bell-ring-BfKPinNo.js');
 var cart = require('./cart-s-x1Fshk.js');

package/dist/cjs/salla-user-profile.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 const sallaUserProfileCss = ":host{display:block}";

package/dist/cjs/salla-user-settings.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var Bullhorn = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var mail = require('./mail-CO8cFZH7.js');
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 const sallaWalletCss = ".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";

package/dist/cjs/twilight.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/{vanilla-picker-DmWOIwng.js → vanilla-picker-DiJq-dd5.js} RENAMED Viewed

@@ -3,7 +3,7 @@
  */
 'use strict';
-var index = require('./index-B99uI20k.js');
+var index = require('./index-DO-q5keQ.js');
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/collection/components/salla-comments/salla-comments.js CHANGED Viewed

@@ -24,6 +24,7 @@ export class SallaComments {
          * Determines if the comments are testimonials
          */
         this.testimonials = false;
+        this.customerId = null;
         // Translations
         this.noComments = salla.lang.get('blocks.comments.no_comments');
         this.comment_title = salla.lang.get('blocks.comments.title');
@@ -89,6 +90,32 @@ export class SallaComments {
         })();
         Salla.infiniteScroll.errorWrapped = true;
     }
+    // Preserve sort and private_comments params in next page URL for infinite scroll
+    patchNextPageUrl() {
+        if (!this.nextPage)
+            return;
+        try {
+            const url = new URL(this.nextPage, window.location.origin);
+            if (this.sort && !url.searchParams.get('sort')) {
+                url.searchParams.set('sort', this.sort);
+            }
+            if (this.customerId && !url.searchParams.get('private_comments')) {
+                url.searchParams.set('private_comments', this.customerId);
+            }
+            this.nextPage = url.toString();
+        }
+        catch (_e) {
+            // fallback for relative next links
+            const hasQuery = this.nextPage.includes('?');
+            if (this.sort && !/[?&]sort=/.test(this.nextPage)) {
+                this.nextPage = this.nextPage + (hasQuery ? '&' : '?') + `sort=${this.sort}`;
+            }
+            if (this.customerId && !/[?&]private_comments=/.test(this.nextPage)) {
+                const sep = this.nextPage.includes('?') ? '&' : '?';
+                this.nextPage = this.nextPage + sep + `private_comments=${this.customerId}`;
+            }
+        }
+    }
     // Initiate infinite scroll
     initiateInfiniteScroll() {
         if (!this.wrapper) {
@@ -108,6 +135,7 @@ export class SallaComments {
         this.infiniteScroll?.on('load', response => {
             this.pagination = response.pagination;
             this.nextPage = typeof response.pagination.links === 'object' && !!response.pagination.links.next ? response.pagination.links.next : null;
+            this.patchNextPageUrl();
             for (const card of this.handleResponse(response)) {
                 this.wrapper.append(card);
             }
@@ -195,8 +223,11 @@ export class SallaComments {
                 resp = await salla.api.request('reviews', { params }, 'get');
             }
             else {
-                // Ensure sort is passed for regular comments as well
-                resp = await salla.api.comment.getComments(this.type, this.itemId, 1, 5, this.sort);
+                const showPrivateComments = searchParams.get('private_comments');
+                this.customerId = (showPrivateComments && Salla.config.get('user.type') === 'user' && Salla.config.get('user.id'))
+                    ? Salla.config.get('user.id')
+                    : null;
+                resp = await salla.api.comment.getComments(this.type, this.itemId, 1, 5, this.sort, this.customerId);
             }
             if (!resp.data || !resp.data.length) {
                 this.showPlaceholder = false;
@@ -210,24 +241,7 @@ export class SallaComments {
             this.pagination = resp.pagination;
             this.total = resp.pagination.total;
             this.nextPage = typeof resp.pagination.links === 'object' && !!resp.pagination.links.next ? resp.pagination.links.next : null;
-            // Preserve sort param in next page URL for infinite scroll
-            if (this.nextPage && this.sort) {
-                try {
-                    const url = new URL(this.nextPage, window.location.origin);
-                    if (!url.searchParams.get('sort')) {
-                        url.searchParams.set('sort', this.sort);
-                        this.nextPage = url.toString();
-                    }
-                }
-                catch (_e) {
-                    // fallback for relative next links
-                    const hasQuery = this.nextPage.includes('?');
-                    const hasSort = /[?&]sort=/.test(this.nextPage);
-                    if (!hasSort) {
-                        this.nextPage = this.nextPage + (hasQuery ? '&' : '?') + `sort=${this.sort}`;
-                    }
-                }
-            }
+            this.patchNextPageUrl();
             setTimeout(() => {
                 for (const card of this.handleResponse(resp)) {
                     this.wrapper.append(card);