https://middleware.chairking.com/custom.js

1$(function () {
2        var base_url = 'https://middleware.chairking.com/';
3        var store_url = window.location.origin;
4        var appClientId = '6479lh46tke0j7euaogvv6ljh8lnz47';
5        var customerId;
6        var customerEmail;
7        var storeHash;
8
9        $.ajax({
10            type: 'GET',
11            url: store_url + '/api/storefront/carts/',
12            dataType: "json",
13            success: function (data) {
14                data.forEach(element => {
15                    cartId = element['id'];
16                    //  start(cartId);
17                });
18            }
19          });
20    
21       changeUrlForBrand();
22       $(document).on("click", "#facetedSearch-navList--brand  li a", function (){
23             setTimeout(function(){
24                //DsiplaySelectedList();
25                changeUrlForBrand();
26            }, 3000);
27        });
28
29
30
31 function changeUrlForBrand(){
32                     
33
34            var newUrl = window.location.search.replaceAll('&brand', '&collection');
35            history.replaceState(null, null, newUrl);
36
37            let queryParams = new URLSearchParams(newUrl);
38            var collections = queryParams.getAll('collection[]');
39            collections.push(queryParams.get('collection'));
40            //console.log(collections);
41            if($('#facetedSearch-navList--brand li.navList-item').length > 0){
42                $("#facetedSearch-navList--brand li.navList-item").each(function () {
43                    var link = $(this).find("a.navList-action").attr("href");
44                    let queryParams = new URLSearchParams(decodeURIComponent(link));
45                    //console.log(decodeURIComponent(link));
46                    if(queryParams.get('brand')){
47                        brand =  queryParams.get('brand');
48                    }else{
49                        brands =  queryParams.getAll('brand[]');
50                        brand = brands[brands.length-1];
51                    }
52                    if (jQuery.inArray(brand, collections) !== -1) {
53                    //console.log(brand + " in array");
54                    $(this).find("a.navList-action").addClass("is-selected");
55                    }
56                });
57            }
58
59         }
60
61        $(document).on("click", ".toggleLink", function (){
62          setTimeout(function(){ 
63            document.querySelector(".facet-quick-heading").innerHTML = "Filtered By";
64            }, 3000);
65        });
66
67
68        $(document).on("click", ".facetedSearch-optionColumns li a", function () {
69            setTimeout(function(){
70               // DsiplaySelectedList();
71                changeUrlForBrand();
72            }, 2000);
73         });
74
75
76      /** Sync orders AJAX not calling on Order Confirmation page */
77      if(window.location.href.indexOf("order-confirmation") === -1) {
78        $.ajax({
79            type: 'GET',
80            url: store_url + '/customer/current.jwt?app_client_id=' + appClientId,
81            dataType: "json",
82            success: function (data) {
83                user = parseJwt(data['token']);
84                customerId = user['customer']['id'];
85                customerEmail = user['customer']['email'];
86                storeHash = user['store_hash'];
87                //   syncFrogOrders();
88            }
89        });
90
91        function syncFrogOrders() {
92            $.ajax({
93                type: 'POST',
94                url: base_url + 'api/sync-orders',
95                dataType: "json",
96                data: { customer_id: customerId, customer_email: customerEmail, store_hash: storeHash },
97                success: function (data) {
98                   // console.log(data);
99                }
100            });
101          }
102        }
103
104
105          if($(".card-figure .sale-text")[0]){
106           $(".card-figure .sale-text").each(function () {
107            if($(this).text().toLowerCase() == 'clearance'){
108                $(this).parent().css("background-color", "#B10E23");
109                $(this).css("color", "#FFFFFF");
110              }else if($(this).text().toLowerCase() == 'special value'){
111                $(this).parent().css("background-color", "#F9D148");
112                $(this).css("color", "#0060AA");
113              }else if($(this).text().toLowerCase() == 'sale'){
114                $(this).parent().css("background-color", "#0060A9");
115                $(this).css("color", "#FFFFFF");
116             }else if($(this).text().toLowerCase() == 'new'){
117                $(this).parent().css("background-color", "#99c285");
118                $(this).css("color", "#ffffff");
119             }else{
120                $(this).parent().css("background-color", "#b3acad");
121                $(this).css("color", "#383636");
122            }
123         });
124        } 
125
126
127        setTimeout(function(){
128
129            if ($(".card-figure .sale-text")[0]){
130             $(".card-figure .sale-text").each(function () {
131               //console.log($(this).text());
132                if($(this).text().toLowerCase() == 'clearance'){
133                    $(this).parent().css("background-color", "#B10E23");
134                    $(this).css("color", "#FFFFFF");
135                }else if($(this).text().toLowerCase() == 'special value'){
136                    $(this).parent().css("background-color", "#F9D148");
137                    $(this).css("color", "#0060AA");
138                }else if($(this).text().toLowerCase() == 'sale'){
139                    $(this).parent().css("background-color", "#0060A9");
140                    $(this).css("color", "#FFFFFF");
141                }else if($(this).text().toLowerCase() == 'new'){
142                    $(this).parent().css("background-color", "#99c285");
143                    $(this).css("color", "#ffffff");
144                 }else{
145                    $(this).parent().css("background-color", "#b3acad");
146                    $(this).css("color", "#383636");
147                }
148            });
149          } 
150          
151        }, 3000);
152
153        
154

155        $(document).off("click", ".ss__facet-options-list").on("click", ".ss__facet-options-list", function () {
156            DsiplaySelectedList();
157        });
158              
159
160        function DsiplaySelectedList(){
161          
162            var checkselecteditem='';
163
164             $('#list-container').html(' ');
165
166            let urlParams = new URLSearchParams(window.location.search);
167            var ul = $('<ul></ul>').addClass('inlineList inlineList--labels');
168            var url = window.location.href; // Get current URL
169            var pathAndQuery = url.replace(/^https?:\/\/[^\/]+\//, ""); 
170            var extracted = pathAndQuery.split("&")[0]; 
171        
172             urlParams.forEach((value, key) => {
173
174               if (key.startsWith("filter.")) {
175
176                   let formattedValue = decodeURIComponent(value); // Decode URL-encoded spaces
177                   
178                   let updatedURL = new URL(window.location.href);
179                   updatedURL.searchParams.delete(key); // Remove filter from URL
180                   
181                   let li = $('<li></li>');
182                   let a = $('<a></a>')
183                       .attr('href', updatedURL.toString()) // Change this if needed
184                       .addClass('facetLabel')
185                       .attr('rel', 'nofollow')
186                       .attr('data-faceted-search-facet', '')
187                       .html(formattedValue);
188        
189                    let svg = $('<svg class="icon"><use xmlnsXlink="http://www.w3.org/1999/xlink" href="#icon-close"></use></svg>');
190                 
191                    a.append(svg);
192                   li.append(a); 
193                   ul.append(li);
194
195                   checkselecteditem=formattedValue;              
196
197
198               }        
199               
200           });       
201        
202            if (ul.children().length > 0) {
203                var clearAllLink = $('<a></a>')
204                   .attr('href', '/' + extracted)
205                   .text('Clear all')
206                   .addClass('clear-all-link');
207                   ul.append(clearAllLink);
208                }
209             
210               $('#list-container').append(ul);
211
212                  if(checkselecteditem){
213
214                    if ($(".add-custome-class-sidebar-hide").hasClass("opensidebar")) {
215                        $(".add-custome-sidebar-open").html('Hide Filter');
216                        $(".add-custome-class-sidebar-hide").addClass("opensidebar");
217                        $(".add-custome-class-full-width").addClass("width-add-with-sidebar");
218                     }else{
219                        $(".add-custome-sidebar-open").html('Filter');
220                        $(".add-custome-class-sidebar-hide").removeClass("opensidebar");
221                        $(".add-custome-class-full-width").removeClass("width-add-with-sidebar");
222                     }
223
224                    }           
225              
226        }
227
228
229
230
231        $(".add-custome-sidebar-open").click(function(){
232            console.log("add-custome-sidebar-open","============");
233           //  $(".add-custome-class-sidebar-hide").toggleClass("opensidebar");             
234             if ($(".add-custome-class-sidebar-hide").hasClass("opensidebar")) {
235                 $(".add-custome-sidebar-open").html('Hide Filter');
236                 $(".add-custome-class-sidebar-hide").addClass("opensidebar");
237                 $(".add-custome-class-full-width").addClass("width-add-with-sidebar");
238              }else{
239                 $(".add-custome-sidebar-open").html('Filter');
240                 $(".add-custome-class-sidebar-hide").removeClass("opensidebar");
241                 $(".add-custome-class-full-width").removeClass("width-add-with-sidebar");
242              }
243           });          
244
245  });
246
247
248    async function start(checkoutId){
249        setTimeout(function () {
250            $("form[data-test=payment-form] ul.form-checklist li.form-checklist-item").unbind("click");
251            var node = '<li class="form-checklist-item optimizedCheckout-form-checklist-item financing-method"><div class="form-checklist-header"><div class="form-field"><input name="paymentProviderRadio" class="form-checklist-checkbox optimizedCheckout-form-checklist-checkbox" id="radio-financing" type="radio" value="financing" checked=""><label for="radio-financing" class="form-label optimizedCheckout-form-label"> <div class="paymentProviderHeader-container"><div class="paymentProviderHeader-nameContainer"><div class="paymentProviderHeader-name" data-test="payment-method-name">Financing</div></div></div></label></div></div><div class="form-checklist-body form-checklist-body-enter-done financing-body"></div></li>';
252            $("form[data-test=payment-form] ul.form-checklist").append(node);
253        }, 5000);
254    }
255
256    function parseJwt(token) {
257        var base64Url = token.split('.')[1];
258        var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
259        var jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function (c) {

260            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
261        }).join(''));
262
263        return JSON.parse(jsonPayload);
264    };
265
266
267
268
269