1 2 3<!DOCTYPE html> 4<html lang="fr"> 5<head> 6 <link rel="canonical" href="https://www.monbienetrerecompense.fr/contact/" /> 7 <link rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"> 8
8<script integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
8 9 <link rel="stylesheet" href="/css/global.min.css" /> 10 <link rel="preconnect" href="https://fonts.googleapis.com"> 11 <link rel="preconnect" crossorigin href="https://fonts.gstatic.com"> 12 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"> 13 <meta name="viewport" content="width=device-width, initial-scale=1"> 14 <!-- <meta name="viewport" content="width=device-width, initial-scale=1 width=device-width, minimum-scale=1.0, maximum-scale=1.0"> --> 15 <!-- <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1.0, user-scalable=no">--> 16 17 18 <meta http-equiv="Content-Security-Policy-Report-Only" content="script-src 'self' https://www.google.com/recaptcha/; report-uri /csp-report-endpoint;"> 19 <meta http-equiv="Content-Security-Policy-Report-Only" content="script-src 'self' https://cdn-ukwest.onetrust.com; report-uri /csp-report-endpoint;"> 20 <meta http-equiv="Content-Security-Policy-Report-Only" content="script-src 'self' https://cdns.eu1.gigya.com; report-uri /csp-report-endpoint;"> 21 22 <link rel="stylesheet" integrity="sha512-DYPHyRjnB7Pksl1XIyl9W7EJO2oruGChyctjC9oUnIZMfzWCExMgPHwR3zOpSPEXyh6hEMowtIvTK6p+aeNXLA==" crossorigin="anonymous" referrerpolicy="no-referrer" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.2/swiper-bundle.css" /> 23 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"> 24
24<script integrity="sha512-QSMp0RngktZnLj6y+Bii6xQ0H7Ym3qqAHYzD8Ld7aPqu36/0IijzW3p8JXQVah6d+vWD5Lu3/dPsAjdGG2RBcw==" crossorigin="anonymous" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.2/swiper-bundle.min.js"></script>
24 25
25<script integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM=" crossorigin="anonymous" src="https://code.jquery.com/jquery-3.7.0.js"></script>
25 26 <!--
26<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/webcamjs/1.0.26/webcam.js"></script>
26 --> 27
27<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
27 28
28<script type="text/javascript" src="https://cdns.eu1.gigya.com/js/gigya.js?apiKey=4_seWZXY5Kyc6We0htFD6iAQ"></script>
28 29 30
30<script src="/js/custom/commonmethods.js"></script>
30 31
31<script src="/js/custom/activationWithoutCampaign.js"></script>
31 32 <!-- OneTrust Cookies Consent Notice start for monbienetrerecompense.fr --> 33
33<script data-document-language="true" data-domain-script="b25f54e5-848d-421a-a86f-09b297faca78" src="https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js"></script>
33 34
34<script type="text/javascript"> 35 function OptanonWrapper(){ 36 37 const cookieSettingsBtn = document.getElementById("onetrust-pc-btn-handler"); 38 const acceptBtn = document.getElementById("onetrust-accept-btn-handler"); 39 const declineBtn = document.querySelector("button#onetrust-reject-all-handler"); 40 41 const btnContainer = document.getElementById("onetrust-button-group"); 42 btnContainer.insertBefore(acceptBtn, cookieSettingsBtn) 43 btnContainer.insertBefore(declineBtn, cookieSettingsBtn) 44 45 } 46 </script>
46 47
47<script type="text/plain" class="optanon-category-C0004-C0010" src="https://l726.monbienetrerecompense.fr/script.js"></script>
47 48
48<script>dataLayer = []</script>
48 49 <!-- Google Tag Manager --> 50
50<script>
vendor: 521 bytes, lines 50-59
50 51 (function (w, d, s, l, i) { 52 w[l] = w[l] || []; w[l].push({ 53 'gtm.start': 54 new Date().getTime(), event: 'gtm.js' 55 }); var f = d.getElementsByTagName(s)[0], 56 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 57 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore( 58 j, f); 59 })(window, document, 'script', 'dataLayer', '
59GTM-KKQLHRR
vendor: 3 bytes, line 59
59');
59</script>
59 60 <!-- End Google Tag Manager --> 61
61<script> 62 dataLayer.push({ 'environment': 'Live' }); 63 </script>
63 64
64<script> 65 (function () { 66 var dataLayer = window.dataLayer || []; 67 dataLayer.push({"page tree":[{"page uid":null,"page url segment":"fr","page type":"homePage"}],"page uid":null,"page url segment":"contact","page type":"contactUsPage"}); 68 }()); 69 </script>
69 70 71 72<title>FAQ & Contact | Mon bien-être récompensé</title> 73<meta charset="utf-8"> 74<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 75<meta name="msapplication-TileColor" content="#253082"> 76<meta name="theme-color" content="#ffffff"> 77<meta name="description" content="<p>Contactez notre service client pour toute question sur nos offres de réductions, remboursements et cashback sur vos marques d'hygiène préférées. Profitez de nos promotions exclusives et économisez sur vos achats de produits d'hygiène.</p>" /> 78<meta property="og:title" content="FAQ & Contact | Mon bien-être récompensé"> 79<meta property="og:description" content="<p>Contactez notre service client pour toute question sur nos offres de réductions, remboursements et cashback sur vos marques d'hygiène préférées. Profitez de nos promotions exclusives et économisez sur vos achats de produits d'hygiène.</p>"> 80<meta property="og:url" content="https://www.monbienetrerecompense.fr/contact/"> 81<meta property="og:image" content=""> 82<meta property="dc.language" content="fr"> 83<meta property="dc.title" content="FAQ & Contact | Mon bien-être récompensé"> 84<meta property="dc.description" content="<p>Contactez notre service client pour toute question sur nos offres de réductions, remboursements et cashback sur vos marques d'hygiène préférées. Profitez de nos promotions exclusives et économisez sur vos achats de produits d'hygiène.</p>"> 85<meta property="keywords" content=""> 86<meta property="referrer" content="origin"> 87<meta property="author" content="Essity"> 88<meta property="language" content="French"> 89 90 91 <link rel="icon" type="image/x-icon" href="https://libresse-images.essity.com/images-c5/495/563495/optimized-AzurePNG2K/android-chrome-512x512.png" /> 92 93 <a class="skip-main text-decoration-none" id="skipcontent" href="javascript:;" aria-label="Skip to main content"><span>Skip to Main Content</span></a> 94 95</head> 96 97<body> 98 <input name="__RequestVerificationToken" type="hidden" value="CfDJ8EABxL4j6ItHk1VkYDifddBFvqnKzs-DpABtFQFGXE20yQYYEJ9-79qCXrSDjXZ7LpdW58iqZ8sobv8yK6BOoFPxAuCeR2-TtsczVbZSpzc5d_MDDHQmPDbqtw_hJw1SqVnICab9wmo7zBQJRTElEgM" /> 99 <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 99-100
99 100 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
100GTM-KKQLHRR
vendor: 88 bytes, lines 100-101
100" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 101
101<!-- End Google Tag Manager (noscript) --> 102 103 <div class="overlay"></div> 104<div class="container"> 105 <div class="row header my-lg-2"> 106 <nav class="navbar navbar-expand-lg navbar-light"> 107 <div class="container-fluid px-0 lotusTenaCampaign"> 108 109 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> 110 <div class="navbar-toggler-icon"> 111 <p></p> 112 <p></p> 113 <p></p> 114 </div> 115 </button> 116 117 <a class="navbar-brand" href="/"> 118 <img src="https://libresse-images.essity.com/images-c5/385/552385/optimized-AzurePNG2K/logo-mbr-5.png" class="logo-img" alt="brand" title="Brand" /> 119 </a> 120 <div class="showmobile showmobilemaxwidth lotusTenaCampaign_navbar"> 121 <div class="d-flex profile_container"> 122 123 <ul class="navbar-nav"> 124 <li class="nav-item dropdown"> 125 <a class="nav-link dropdown-toggle lotusTenaCampaign_dropdown" href="#" id="mobileProfileDropdown" data-bs-toggle="dropdown" aria-expanded="false"> 126 <img src="/user.png" style="width: 35px;" alt="Profile" /> 127 <img src="/jeux/Arrow_dropdown.png" class="profile_dropdown_icon " style="width: 12px; margin-top: 2px;" alt="Dropdown" /> 128 </a> 129 <ul class="dropdown-menu" aria-labelledby="mobileProfileDropdown"> 130 <li class="PrfCLSRegister"> 131 <a href="#" data-menuType="Register" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item"> 132 S’inscrire 133 </a> 134 </li> 135 <li class="PrfCLSLogin"> 136 <a href="#" data-menuType="Login" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item"> 137 Se connecter 138 </a> 139 </li> 140 <li class="PrfCLSProfileInfo"> 141 <a href="/profil/" data-menuType="ProfileInfo" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item"> 142 Mon profil
143 </a> 144 </li> 145 <li class="PrfCLSAdminScreen"> 146 <a href="#" data-menuType="AdminScreen" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item"> 147 Unfinished Transactions 148 </a> 149 </li> 150 <li class="PrfCLSLogout"> 151 <a href="#" data-menuType="Logout" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item"> 152 Se déconnecter 153 </a> 154 </li> 155 </ul> 156 </li> 157 <li class="pb-2 showmobile border-bottom-0 text-center close-container"> 158 <div class="header_closeicon"> 159 <a href="#" class="close-icon"> </a> 160 </div> 161 162 </li> 163 </ul> 164 <a href="/remboursements/" x-on:click="isShow = !isShow" class="mobile_scanicon autoscan_scan_tkt_btn__QXAJ1 hover:text-dark btn btn-blue text-decoration-none" id="ScanButton"> 165 <span style="margin-right: 6px;"><img src="/navbarWhiteBtn.png" style="width:26px" alt="Scan button"></span> 166 </a> 167 </div> 168 </div> 169 170 <div class="collapse navbar-collapse nav_container" id="navbarSupportedContent"> 171 172 <div class="loggeduser_header showmobile d-none" id="profileHeaderSection"> 173 <div class="vous_container"> 174 Vous avez économisé : 175 </div> 176 <div class="total_info"> 177 <span class="headereuroicon"> 178 179 <img src="https://libresse-images.essity.com/images-c5/494/563494/optimized-AzurePNG4K/euro-icon.png"> 180 181 </span><span>Total :</span> 182 <span class="price" id="userTotalDiscounts"> 0€</span> 183 </div> 184 <div class="cumul"> 185 186 <a href="/profil/"> 187 Cumul et historique des gains 188 </a> 189 </div> 190 </div> 191 192 <ul class="navbar-nav mb-1 my-2 mb-lg-0 main-menu justify-content-center navbar_mainItem"> 193 <li class="pb-1 showmobile border-bottom-0 text-center PrfCLSMOBRegister"> 194 <a href="#" data-menuType="Register" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-blue" style="line-height:2!important"> 195 196 S’inscrire 197 </a> 198 </li> 199 <li class="pb-1 showmobile border-bottom-0 text-center PrfCLSMOBLogin"> 200 <a href="#" data-menuType="Login" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline" style="line-height:2!important"> 201 202 Se connecter 203 </a> 204 </li> 205 <li class="pb-1 showmobile border-bottom-0 text-center PrfCLSMOBProfileInfo"> 206 <a href="/profil/" data-menuType="ProfileInfo" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline" style="line-height:2!important"> 207 208 Mon profil
209 </a> 210 </li> 211 <li class="pb-1 showmobile border-bottom-0 text-center PrfCLSMOBAdminScreen"> 212 </li> 213 <li class="pb-1 showmobile border-bottom-0 text-center PrfCLSMOBLogout"> 214 <a href="#" data-menuType="Logout" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline" style="line-height:2!important"> 215 216 Se déconnecter 217 </a> 218 </li> 219 <li class="nav-item"> 220 <a href="/" id="navMenuHome" aria-current="page" x-on:click="isShow = !isShow" class="nav-link" aria-label="Accueil"> 221 Accueil 222 </a> 223 </li> 224 <li class="nav-item dropdown me-0 me-md-0 me-lg-3"> 225 <a class="nav-link dropdown-toggle" href="#" id="aboutMenuDropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 226 A propos 227 </a> 228 <ul class="dropdown-menu" aria-labelledby="aboutMenuDropdown"> 229 <li> 230 <a href="/notre-programme/" x-on:click="isShow = !isShow" class="dropdown-item" id="Notre programme"> 231 Notre programme 232 </a> 233 </li> 234 <li> 235 <a href="/les-marques/" x-on:click="isShow = !isShow" class="dropdown-item" id="Nos marques"> 236 Nos marques 237 </a> 238 </li> 239 </ul> 240 </li> 241 242 <li class="nav-item"> 243 <a href="/jeux-concours/" id="navOkayfrHub" x-on:click="isShow = !isShow" class="nav-link"> 244 Jeux Concours 245 </a> 246 </li> 247 248 249 </li> 250 </ul> 251 252 <ul class="d-flex justify-content-center align-items-center p-0 m-0"> 253 <li class="showdesktop border-bottom-0"> 254 <div class="showdesktop showdesktopmaxwidth"> 255 <div class="d-flex profile_container"> 256 <ul class="navbar-nav" style="width: 72px!important;"> 257 <li class="nav-item dropdown ms-lg-0" id="userProfile"> 258 <a class="nav-link dropdown-toggle profile-img" href="#" id="desktopProfileDropdown" data-bs-toggle="dropdown" aria-expanded="false" aria-label="User profile menu" aria-haspopup="true"> 259 <img src="/user.png" style="width: 40px;" alt="Profile" /> 260 </a> 261 <ul class="dropdown-menu profilesubmenu" aria-labelledby="desktopProfileDropdown"> 262 <li class="pb-1 text-center PrfCLSRegister"> 263 <a href="#" data-menuType="Register" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline"> 264 S’inscrire 265 </a> 266 </li> 267 <li class="pb-1 text-center PrfCLSLogin"> 268 <a href="#" data-menuType="Login" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline"> 269 Se connecter 270 </a> 271 </li> 272 <li class="pb-1 text-center PrfCLSProfileInfo"> 273 <a href="/profil/" data-menuType="ProfileInfo" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline"> 274 Mon profil
275 </a> 276 </li> 277 <li class="pb-1 text-center PrfCLSAdminScreen"> 278 <a href="/transaction-details/" data-menuType="AdminScreen" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline"> 279 Unfinished Transactions 280 </a> 281 </li> 282 <li class="pb-1 text-center PrfCLSLogout"> 283 <a href="#" data-menuType="Logout" x-on:click="isShow = !isShow" class="PrflBtnCLS dropdown-item btn-outline"> 284 Se déconnecter 285 </a> 286 </li> 287 </ul> 288 </li> 289 </ul> 290 291 <a href="/remboursements/" class="autoscan_scan_tkt_btn__QXAJ1 hover:text-dark btn btn-blue text-decoration-none"> 292 <img src="/navbarWhiteBtn.png" class="me-2" width="26px" alt="Scan button" /> 293 <span class=" autoscan_scan_my_tkt_btn_txt__b1UP7 text-sm">Mes offres</span> 294 </a> 295 </div> 296 </div> 297 298 <li class="nav-item showmobile border-bottom-0 mt-3"> 299 <a class="nav-link pb-4" style="font-weight:400!important" href="/contact/"> 300 FAQ/Contact 301 </a> 302 <a class="nav-link pb-4" style="font-weight:400!important" href="https://www.essity.fr/" target="_blank"> 303 Le Groupe Essity 304 </a> 305 <a class="nav-link pb-4" style="font-weight:400!important" href="/politique-de-confidentialite/" target="_blank"> 306 Politique de confidentialité 307 </a> 308 <a class="nav-link pb-4" style="font-weight:400!important" href="/politique-d-utilisation-des-cookies/" target="_blank"> 309 Information sur les cookies 310 </a> 311 <a class="nav-link pb-4" style="font-weight:400!important" href="/mentions-legales/" target="_blank"> 312 Mentions légales 313 </a> 314 <a class="nav-link pb-4" style="font-weight:400!important" href="/conditions-d-utilisations/" target="_blank"> 315 Conditions d’utilisations 316 </a> 317 318 </li> 319 </ul> 320 </div> 321 </div> 322 </nav> 323 </div> 324</div> 325<div class="headerInfoBar_headerinfocontainer__eklMZ p-1 container-fluid" id="breadcrumbs"> 326 <div class="row"> 327 <div class="headerInfoBar_headerinfotext__ykXrY col-lg-12 col-12 "> 328 <div class="w-100"> 329 <div class=" mb-0 container responvie_breadcrum_mobile"> 330 <div class="row"> 331 <div class="col-lg-4 col-sm-12 text-lg-start text-md-start text-center mb-lg-0 mb-2 header_home"> 332 <a href="/" class="text-decoration-none"> <span class="fw-bold">Accueil </span> /</a> Contact 333 </div> 334 <div class="col-lg-4 col-sm-12 col-md-6"> 335 <p style="margin-bottom: 0px;">Repousser les limites pour <br class="showmobile"><span class="fw-700">plus de bien-être</span></p> 336 </div> 337 </div> 338 339 </div> 340 </div> 341 </div> 342 <div class="order-sm-1 order-md-2 align-items-sm-start align-self-md-center text-center col-lg-2 col-2 d-none"> 343 <a class="headerInfoBar_newsletter_closeicon__OjsA7 order-sm-1" 344 href="javascript:;"> 345 <svg fill="currentColor" 346 font-size="24" 347 height="1em"
348 viewBox="0 0 16 16" 349 width="1em" 350 xmlns="http://www.w3.org/2000/svg"> 351 <path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"></path> 352 </svg> 353 </a> 354 </div> 355 </div> 356</div> 357
358<script> 359 360 $(document).ready(function () { 361 var location = window.location.href; 362 var path = window.location.pathname.substr(1); 363 $(`.nav-item a[href="/${path}"]`).addClass("activePink"); 364 365 if (path === "") { 366 $('#navMenuHome').each(function () { 367 if (location.indexOf(this.href) > -1) { 368 $("#navMenuHome").addClass('active'); 369 $("#navReimbursement").removeClass('active'); 370 } 371 }); 372 } 373 374 $('#navReimbursement').each(function () { 375 if (location.indexOf(this.href) > -1) { 376 $("#navReimbursement").addClass('active'); 377 $("#navMenuHome").removeClass('active'); 378 } 379 }); 380 $('#navOkayfrHub').each(function () { 381 if (location.indexOf(this.href) > -1) { 382 $("#navOkayfrHub").addClass('active'); 383 $("#navReimbursement").removeClass('active'); 384 $("#navMenuHome").removeClass('active'); 385 } 386 }); 387 }); 388</script>
388 389
390<script> 391 $(document).ready(function () { 392 $(document).on("click", ".header .navbar-toggler", function () { 393 if ($(".header .close-container").css('display') == "none") { 394 $(".header .close-container").show(); 395 $(".overlay").show(); 396 } else { 397 $(".header .close-container").hide(); 398 $(".overlay").hide(); 399 } 400 }); 401 $(document).on("click", ".header_closeicon", function () { 402 $(".header .close-container").hide(); 403 $(".overlay").hide(); 404 $("#navbarSupportedContent").removeClass("show"); 405 }); 406 $(document).on("click", ".headerInfoBar_newsletter_closeicon__OjsA7", function () { 407 $(this).parents(".headerInfoBar_headerinfocontainer__eklMZ").hide(); 408 }); 409 410 }); 411 412 413 document.addEventListener("keydown", function (event) { 414 if (event.key === "Tab" || event.key === "Enter") { 415 document.body.classList.add("keyboard-nav"); 416 } 417 }); 418 419 document.addEventListener("mousedown", function () { 420 document.body.classList.remove("keyboard-nav"); 421 }); 422 423 424 425 // Accessibility focus management 426 function handleFirstTab(e) { 427 if (e.key === 'Tab') { 428 document.body.classList.add('user-is-tabbing'); 429 window.removeEventListener('keydown', handleFirstTab); 430 window.addEventListener('mousedown', handleMouseDownOnce); 431 } 432 } 433 434 function handleMouseDownOnce() { 435 document.body.classList.remove('user-is-tabbing'); 436 window.removeEventListener('mousedown', handleMouseDownOnce); 437 window.addEventListener('keydown', handleFirstTab); 438 } 439 440 window.addEventListener('keydown', handleFirstTab); 441 442 443 // Lotus campaign september launch 444 445</script>
445 446 447<style> 448 .activePink { 449 font-size: 13px !important; 450 text-decoration: none !important; 451 /* color: white !important; /* #f50082 !important; */ 452 font-weight: 700 !important; 453 } 454 455/* *:focus { 456 border: 2px dashed #fd7919 !important; 457 border-radius: 4px; 458 outline: none; 459 } 460 */ 461 462 .user-is-tabbing *:focus, 463 *:focus-visible { 464 outline: 2px dashed #fd7919 !important; 465 outline-offset: 2px !important; 466 } 467 468 button:focus-visible, 469 .user-is-tabbing button:focus{ 470 outline: 2px dashed #fd7919 !important; 471 outline-offset: 2px !important; 472 } 473.navbar-brand:focus, 474.navbar-brand:focus-visible { 475 outline: 2px dashed #fff !important; 476} 477/* Draw the focus indicator around the image instead */ 478.user-is-tabbing .navbar-brand:focus .logo-img, 479.navbar-brand:focus-visible .logo-img { 480 outline: 2px dashed #fd7919 !important; 481 outline-offset: 2px !important; 482} 483 a.skip-main span { 484 border: 1px solid #fff; 485 padding: 10px 20px; 486 border-radius: 5px; 487 } 488 489 a.skip-main { 490 left: -999px; 491 position: relative; 492 top: auto; 493 width: 1px; 494 height: 1px; 495 overflow: hidden; 496 display: inline-block; 497 z-index: -999; 498 text-align: center; 499 align-content: center; 500 transition: top 1s ease; 501 } 502 503 a.skip-main:focus, a.skip-main:active { 504 background: #00005a; 505 color: #fff; 506 left: 0; 507 top: 0; 508 width: 100%; 509 height: 60px; 510 overflow: auto; 511 padding: 5px; 512 z-index: 1000; 513 } 514 515</style> 516 <main> 517 518<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://www.google.com/recaptcha/;">
vendor: 81 bytes, lines 518-520
518 519 520<script async defer src="https://www.google.com/recaptcha/api.js"></script>
521<link rel="stylesheet" integrity="sha512-aD9ophpFQ61nFZP6hXYu4Q/b/USW7rpLCQLX6Bi0WJHXNO7Js/fUENpBQf/+P4NtpzNX0jSgR5zVvPOJp+W2Kg==" crossorigin="anonymous" referrerpolicy="no-referrer" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/css/select2.min.css" />
522<script src="/js/custom/multiselectdropdown.js"></script>
vendor: 2 bytes, line 522
522
523<script src="/js/custom/recaptchasubmithandler.js"></script>
523 524 525<form action="/contact/" enctype="multipart/form-data" id="form72c81f9a7a084b029c7692a244ba9d6e" method="post"> <div class="container my-5 contactUs_container"> 526 <div class="most_frequently_asked_questions w-100"> 527 528 <!-- Pills navs --> 529 <ul class="nav nav-pills mb-3 justify-content-center gap-3" id="pills-tab" role="tablist"> 530 <li class="nav-item" role="presentation"> 531 <button class="nav-link contact_form_tab_button active" id="pills-home-tab" data-bs-toggle="pill" 532 data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" 533 aria-selected="true"> 534 Questions les plus fréquentes 535 </button> 536 </li> 537 <li class="nav-item" role="presentation"> 538 <button class="nav-link contact_form_tab_button " id="pills-profile-tab" data-bs-toggle="pill" 539 data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" 540 aria-selected="false"> 541 Contact 542 </button> 543 </li> 544 </ul> 545 <!-- Pills navs --> 546 <!-- Pills content --> 547 <div class="tab-content" id="pills-tabContent"> 548 549 <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab"> 550 <h1 class="text-center most_frequently_asked_questions_text" tabindex="0"><p><strong>Questions </strong>les plus fréquentes</p></h1> 551 552 <!-- ========================================= --> 553 554 <div class="most_frequently_asked_questions_contect_container px-2 py-4 px-lg-5 px-md-4"> 555 <div class="first_tab mt-4 "> 556 <h5 class="contact_Form_accordion_text"><p>Le fonctionnement</p></h5> 557 <div class="accordion accordion-flush" id="accordionFlushExample1"> 558 <div class="accordion-item"> 559 <div class=" border-bottom-blueline"> 560 <h2 class="accordion-header " id="flush-heading11"> 561 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 562 data-bs-target="#flush-collapse11" aria-expanded="false" 563 aria-controls="#flush-collapse11"> 564 Comment m'inscrire / me connecter ? 565 </button> 566 </h2> 567 <div id="flush-collapse11" class="accordion-collapse collapse" tabindex="0" 568 aria-labelledby="flush-heading11" data-bs-parent="#accordionFlushExample1"> 569 <div class="accordion-body"> 570 <p>Inscrivez-vous ou accédez àvotre compte avec vos identifiants en cliquant sur « s’inscrire / se connecter » en haut àdroite de la page depuis votre ordinateur, ou en cliquant en haut àgauche depuis votre mobile.</p> 571 </div> 572 </div> 573 </div> 574 <div class=" border-bottom-blueline"> 575 <h2 class="accordion-header " id="flush-heading21"> 576 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 577 data-bs-target="#flush-collapse21" aria-expanded="false" 578 aria-controls="#flush-collapse21"> 579 Quels sont les avantages du programme ? 580 </button> 581 </h2> 582 <div id="flush-collapse21" class="accordion-collapse collapse" tabindex="0" 583 aria-labelledby="flush-heading21" data-bs-parent="#accordionFlushExample1"> 584 <div class="accordion-body"> 585 <p>Rejoindre le programme "Mon bien-être récompensé" vous permet de profiter de nombreux avantages ! Le programme vous donne accès à3 avantages :<br>1. Des coupons de réduction imprimables par vos soins, àutiliser en magasin pour vos prochains achats.<br>2. Des codes de réductions directement accessibles sur les sites de nos marques partenaires.<br>3. Du cashback immédiat, àsavoir un remboursement en 5 jours d'une partie de vos produits achetés éligibles aux réductions proposées, grâce au scan de votre ticket de caisse de vos achats déjàeffectués.</p> 586 </div> 587 </div> 588 </div> 589 <div class=" border-bottom-blueline"> 590 <h2 class="accordion-header " id="flush-heading31"> 591 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 592 data-bs-target="#flush-collapse31" aria-expanded="false" 593 aria-controls="#flush-collapse31"> 594 Comment accéder aux avantages ? 595 </button> 596 </h2> 597 <div id="flush-collapse31" class="accordion-collapse collapse" tabindex="0" 598 aria-labelledby="flush-heading31" data-bs-parent="#accordionFlushExample1"> 599 <div class="accordion-body"> 600 <p>Une fois connecté(e) àvotre compte, rendez-vous sur la page "réductions & remboursements" pour sélectionner vos réductions imprimables et/ou réductions en ligne. Votre sélection a
600pparaîtra dans votre panier situé àdroite de la page depuis votre ordinateur, ou bien en bas de votre écran depuis votre mobile. Cliquez dessus puis confirmez votre sélection. Choisissez une option, et suivez les instructions. </p> 601 </div> 602 </div> 603 </div> 604 <div class=" border-bottom-blueline"> 605 <h2 class="accordion-header " id="flush-heading41"> 606 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 607 data-bs-target="#flush-collapse41" aria-expanded="false" 608 aria-controls="#flush-collapse41"> 609 Pourquoi certaines réductions ne sont plus accessibles ? 610 </button> 611 </h2> 612 <div id="flush-collapse41" class="accordion-collapse collapse" tabindex="0" 613 aria-labelledby="flush-heading41" data-bs-parent="#accordionFlushExample1"> 614 <div class="accordion-body"> 615 <p>Nos réductions se renouvellent fréquemment, c'est pourquoi certaines réductions expirent et ne s'affichent plus. </p> 616<p>Aussi, les réductions ne peuvent être utilisées que 12 fois maximum par personne, soit une fois par mois. Si c'est le cas, un message s'affichera lors du clic sur la sélection, vous invitant àrevenir dans quelques jours pour pouvoir profiter de nouveau de l'offre.  </p> 617 </div> 618 </div> 619 </div> 620 <div class=" border-bottom-blueline"> 621 <h2 class="accordion-header " id="flush-heading51"> 622 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 623 data-bs-target="#flush-collapse51" aria-expanded="false" 624 aria-controls="#flush-collapse51"> 625 Pourquoi je ne trouve pas de réduction sur mon produit préféré ? 626 </button> 627 </h2> 628 <div id="flush-collapse51" class="accordion-collapse collapse" tabindex="0" 629 aria-labelledby="flush-heading51" data-bs-parent="#accordionFlushExample1"> 630 <div class="accordion-body"> 631 <p>Notre programme "Mon bien-être récompensé" met en avant les réductions offertes par nos marques partenaires, dont la liste complète est disponible sur notre page dédiée, intitulée "Nos marques", dans la rubrique "àpropos". <br>Les réductions au sein de ces marques partenaires sont sujettes àdes renouvellements fréquents et peuvent ne pas s'appliquer sur tous les produits d'une même marque. Nous vous encourageons donc àconsulter notre site chaque mois pour rester informé des offres actuelles. Si vous avez des suggestions ou si vous souhaitez nous partager vos produits préférés, <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">contactez-nous ici</a></p> 632 </div> 633 </div> 634 </div> 635 </div> 636 </div> 637 <h5 class="contact_Form_accordion_text"><p>Les réductions àimprimer</p></h5> 638 <div class="accordion accordion-flush" id="accordionFlushExample2"> 639 <div class="accordion-item"> 640 <div class=" border-bottom-blueline"> 641 <h2 class="accordion-header " id="flush-heading61"> 642 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 643 data-bs-target="#flush-collapse61" aria-expanded="false" 644 aria-controls="#flush-collapse61"> 645 Comment utiliser mon bon de réduction à imprimer ? 646 </button> 647 </h2> 648 <div id="flush-collapse61" class="accordion-collapse collapse" tabindex="0" 649 aria-labelledby="flush-heading61" data-bs-parent="#accordionFlushExample2"> 650 <div class="accordion-body"> 651 <p>Une fois vos réductions sélectionnées, validez la sélection de votre panier via la fenêtre qui s'affiche àdroite (depuis votre ordinateur) ou en bas de votre écran (depuis votre mobile).</p> 652 </div> 653 </div> 654 </div> 655 <div class=" border-bottom-blueline"> 656 <h2 class="accordion-header " id="flush-heading71"> 657 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 658 data-bs-target="#flush-collapse71" aria-expanded="false" 659 aria-controls="#flush-collapse71"> 660 Puis-je utiliser mon bon de réduction dans toutes les enseignes ? 661 </button> 662 </h2> 663 <div id="flush-collapse71" class="accordion-collapse collapse" tabindex="0" 664 aria-labelledby="flush-heading71" data-bs-parent="#accordionFlushExample2"> 665 <div class="accordion-body"> 666 <p>Les coupons que vous imprimez sont valables dans tous les supermarchés et hypermarchés de France Métropolitaine, Monaco, Corse, DROM (Guadeloupe, Martinique, Guyane, La Réunion, Mayotte) et COM zone euro uniquement (Saint-Pierre et-Miquelon, Saint- Barthélémy, Saint Martin) sous réserve que le produit soit disponible dans cette enseigne.</p> 667<p>Néanmoins, il n'y a pas d'obligation légale de la part des enseignes d'accepter les bons de réduction.</p> 668 </div> 669 </div> 670 </div> 671 <div class=" border-bottom-blueline"> 672 <h2 class="accordion-header " id="flush-heading81"> 673 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 674 data-bs-target="#flush-collapse81" aria-expanded="false" 675 aria-controls="#flush-collapse81"> 676 Combien de temps les réductions sont-elles valables ? 677 </button> 678 </h2> 679 <div id="flush-collapse81" class="accordion-collapse collapse" tabindex="0" 680 aria-labelledby="flush-heading81" data-bs-parent="#accordionFlushExample2"> 681 <div class="accordion-body"> 682 <p>La durée de validité des offres peut varier. Consultez les détails de chaque offre en cliquant sur l'icône "?" en haut àdroite de chaque offre pour connaître sa période de validité.</p> 683 </div> 684 </div> 685 </div> 686 <div class=" border-bottom-blueline"> 687 <h2 class="accordion-header " id="flush-heading91"> 688 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 689 data-bs-target="#flush-collapse91" aria-expanded="false" 690 aria-controls="#flush-collapse91"> 691 Puis-je utiliser un bon de réduction plusieurs fois ? 692 </button> 693 </h2> 694 <div id="flush-collapse91" class="accordion-collapse collapse" tabindex="0" 695 aria-labelledby="flush-heading91" data-bs-parent="#accordionFlushExample2"> 696 <div class="accordion-body"> 697 <p>Vous pouvez utiliser au maximum 12 fois un coupon d’une même offre de réduction, et vous ne pouvez utiliser qu’un coupon par achat (non cumulable avec les autres promotions en cours qui pourraient exister). Cela signifie que dès lors que vous sélectionnez et utilisez votre réduction, il ne peut être utilisé que pour un seul achat.</p> 698 </div> 699 </div> 700 </div> 701 <div class=" border-bottom-blueline"> 702 <h2 class="accordion-header " id="flush-heading101"> 703 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 704 data-bs-target="#flush-collapse101" aria-expanded="false" 705 aria-controls="#flush-collapse101"> 706 Puis-je imprimer un bon de réduction plusieurs fois ? 707 </button> 708 </h2> 709 <div id="flush-collapse101" class="accordion-collapse collapse" tabindex="0" 710 aria-labelledby="flush-heading101" data-bs-parent="#accordionFlushExample2"> 711 <div class="accordion-body"> 712 <p>Le lien d'impression de votre bon est àusage unique, c'est-à-dire que les coupons édités ne peuvent être imprimables qu'une seule fois. Avant d’imprimer, vérifiez donc que votre imprimante est fonctionnelle. </p> 713<p>Aussi, l’utilisation d'une offre est limitée à12 fois par utilisateur. Vous ne pouvez pas imprimer la même offre plus d'une fois par semaine. Si vous souhaitez ré-éditer un coupon àimprimer, vous devez attendre 7 jours.</p> 714 </div> 715 </div> 716 </div> 717 <div class=" border-bottom-blueline"> 718 <h2 class="accordion-header " id="flush-heading111"> 719 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 720 data-bs-target="#flush-collapse111" aria-expanded="false" 721 aria-controls="#flush-collapse111"> 722 Je n'arrive pas à imprimer mon bon de réduction. 723 </button> 724 </h2> 725 <div id="flush-collapse111" class="accordion-collapse collapse" tabindex="0" 726 aria-labelledby="flush-heading111" data-bs-parent="#accordionFlushExample2"> 727 <div class="accordion-body"> 728 <p>Vous n'arrivez pas àimprimer vos bons via le site ou l'email récapitulatif que nous vous avons envoyé ?</p> 729<p>Le lien d'impression de votre bon est àusage unique, c'est-à-dire que les coupons édités ne peuvent être imprimables qu'une seule fois. Si vous avez ouvert la fenêtre d'impression et que vous avez eu un problème d'impression, vous ne pourrez plus utiliser de nouveau le lien d'impression.</p> 730<p>L’utilisation d'une offre est limitée à12 fois par utilisateur.</p> 731 </div> 732 </div> 733 </div> 734 <div c
734lass=" border-bottom-blueline"> 735 <h2 class="accordion-header " id="flush-heading121"> 736 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 737 data-bs-target="#flush-collapse121" aria-expanded="false" 738 aria-controls="#flush-collapse121"> 739 Mon bon de réduction n'a pas fonctionné en magasin. 740 </button> 741 </h2> 742 <div id="flush-collapse121" class="accordion-collapse collapse" tabindex="0" 743 aria-labelledby="flush-heading121" data-bs-parent="#accordionFlushExample2"> 744 <div class="accordion-body"> 745 <p>Un seul coupon est valable par achat, assurez-vous donc que vous n'avez pas déjàutilisé ce coupon et que sa date de validité est valide. Par ailleurs, les photocopies ne sont pas acceptées. Sachez également qu'il n'y a pas d'obligation légale de la part des enseignes d'accepter les bons de réduction.</p> 746<p>Les réductions offertes ne sont pas cumulables avec d'autres promotions en cours, bons de réduction ou offres promotionnelles. </p> 747<p>Aussi, chaque coupon n'est valable que pour une seule utilisation, veuillez donc vérifier que vous n'avez pas déjàutilisé ce coupon et que sa période de validité et toujours en cours. Par ailleurs, les photocopies des coupons ne sont pas acceptées. </p> 748<p>Il convient également de noter que les enseignes ne sont pas légalement tenues d'accepter les bons de réduction.</p> 749 </div> 750 </div> 751 </div> 752 </div> 753 </div> 754 <h5 class="contact_Form_accordion_text"><p>Les réductions en ligne</p></h5> 755 <div class="accordion accordion-flush" id="accordionFlushExample3"> 756 <div class="accordion-item"> 757 <div class=" border-bottom-blueline"> 758 <h2 class="accordion-header " id="flush-heading131"> 759 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 760 data-bs-target="#flush-collapse131" aria-expanded="false" 761 aria-controls="#flush-collapse131"> 762 Comment utiliser mon code de réduction en ligne ? 763 </button> 764 </h2> 765 <div id="flush-collapse131" class="accordion-collapse collapse" tabindex="0" 766 aria-labelledby="flush-heading131" data-bs-parent="#accordionFlushExample3"> 767 <div class="accordion-body"> 768 <p>Une fois vos réductions sélectionnées, validez la sélection de votre panier via la fenêtre qui s'affiche àgauche (depuis votre ordinateur) ou en bas de votre écran (depuis votre mobile). Vous avez le choix d'accéder àvos réductions en ligne directement, ou bien de vous les envoyer par e-mail si vous souhaitez y accéder plus tard. Une fois l'option choisie, suivez les instructions.
768</p> 769<p>Votre code de réduction est ensuite valable sur les sites des marques du programme.</p> 770 </div> 771 </div> 772 </div> 773 <div class=" border-bottom-blueline"> 774 <h2 class="accordion-header " id="flush-heading141"> 775 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 776 data-bs-target="#flush-collapse141" aria-expanded="false" 777 aria-controls="#flush-collapse141"> 778 Combien de temps les réductions sont-elles valables ? 779 </button> 780 </h2> 781 <div id="flush-collapse141" class="accordion-collapse collapse" tabindex="0" 782 aria-labelledby="flush-heading141" data-bs-parent="#accordionFlushExample3"> 783 <div class="accordion-body"> 784 <p>La durée de validité des offres peut varier. Consultez les détails de chaque offre en cliquant sur l'icône "?" en haut àdroite de chaque offre pour connaître sa période de validité.</p> 785 </div> 786 </div> 787 </div> 788 <div class=" border-bottom-blueline"> 789 <h2 class="accordion-header " id="flush-heading151"> 790 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 791 data-bs-target="#flush-collapse151" aria-expanded="false" 792 aria-controls="#flush-collapse151"> 793 Puis-je utiliser un bon de réduction plusieurs fois ? 794 </button> 795 </h2> 796 <div id="flush-collapse151" class="accordion-collapse collapse" tabindex="0" 797 aria-labelledby="flush-heading151" data-bs-parent="#accordionFlushExample3"> 798 <div class="accordion-body"> 799 <p>Vous pouvez utiliser au maximum 12 fois un coupon d’une même offre de réduction, et vous ne pouvez utiliser qu’un coupon par achat (non cumulable avec les autres promotions en cours qui pourraient exister). Cela signifie que dès lors que vous sélectionnez et utilisez votre réduction, il ne peut être utilisé que pour un seul achat.</p> 800 </div> 801 </div> 802 </div> 803 <div class=" border-bottom-blueline"> 804 <h2 class="accordion-header " id="flush-heading161"> 805 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 806 data-bs-target="#flush-collapse161" aria-expanded="false" 807 aria-controls="#flush-collapse161"> 808 Mon code de réduction en ligne ne fonctionne pas. 809 </button> 810 </h2> 811 <div id="flush-collapse161" class="accordion-collapse collapse" tabindex="0" 812 aria-labelledby="flush-heading161" data-bs-parent="#accordionFlushExample3"> 813 <div class="accordion-body"> 814 <p>Si votre bon ou code de réduction ne fonctionne pas, assurez-vous de consulter la date de validité de l'offre. <br>Si l'offre a expiré, la réduction ne sera malheuresement plus disponible. Mais n'hésitez pas àconsulter régulièrement notre site web, de nouvelles promotions sont disponibles toute les semaines. <br>Si l'offre est toujours en cours, vous pouvez nous contacter via le formulaire de contact <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">en cliquant ici</a></p> 815 </div> 816 </div> 817 </div> 818 </div> 819 </div> 820 <h5 class="contact_Form_accordion_text"><p>Les remboursements en ligne</p></h5> 821 <div class="accordion accordion-flush" id="accordionFlushExample4"> 822 <div class="accordion-item"> 823 <div class=" border-bottom-blueline"> 824 <h2 class="accordion-header " id="flush-heading171"> 825 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 826 data-bs-target="#flush-collapse171" aria-expanded="false" 827 aria-controls="#flush-collapse171"> 828 Qu'est-ce que le cashback ? 829 </button> 830 </h2> 831 <div id="flush-collapse171" class="accordion-collapse collapse" tabindex="0" 832 aria-labelledby="flush-heading171" data-bs-parent="#accordionFlushExample4"> 833 <div class="accordion-body"> 834 <p>Le cashback est une méthode de remboursement : Si vous choisissez l’option « Remboursement en ligne », si votre ticket de caisse présente bien le produit éligible àl’offre, vous obtiendrez un remboursement en ligne sur votre compte bancaire.</p> 835 </div> 836 </div> 837 </div> 838 <div class=" border-bottom-blueline"> 839 <h2 class="accordion-header " id="flush-heading181"> 840 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 841 data-bs-target="#flush-collapse181" aria-expanded="false" 842 aria-controls="#flush-collapse181"> 843 Comment me faire rembourser ? 844 </button> 845 </h2> 846 <div id="flush-collapse181" class="accordion-collapse collapse" tabindex="0" 847 aria-labelledby="flush-heading181" data-bs-parent="#accordionFlushExample4"> 848 <div class="accordion-body"> 849 <p>Pour vous faire rembourser une partie de vos dépenses, rien de plus simple :<br>1. Rendez-vous en haut àdroite du menu et cliquez sur "je scanne mon ticket de caisse". Vous avez aussi la possibilité d'accéder àl'auto-scan via votre panier, en cliquant sur "obtenir un remboursement".<br>2. Suivez les instructions : photographiez ou scannez votre ticket de caisse contenant le/les produit(s) éligible(s) àl’offre que vous avez sélectionnée.<br>3. Entrez vos coordonnées bancaires et obtenez votre remboursement sur votre compte bancaire en 5 jours ouvrés !</p> 850 </div> 851 </div> 852 </div> 853 <div class=" border-bottom-blueline"> 854 <h2 class="accordion-header " id="flush-heading191"> 855 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 856 data-bs-target="#flush-collapse191" aria-expanded="false" 857 aria-controls="#flush-collapse191"> 858 Quel est le délai de remboursement ? 859 </button> 860 </h2> 861 <div id="flush-collapse191" class="accordion-collapse collapse" tabindex="0" 862 aria-labelledby="flush-heading191" data-bs-parent="#accordionFlushExample4"> 863 <div class="accordion-body"> 864 <p>Votre demande de remboursement est vérifiée immédiatement via l'auto-scan. Un message de validation ou de refus s'affichera selon la conformité de votre ticket de caisse. Le délai pour la réception du virement est de 5 jours ouvrés. Ce délai est àtitre indicatif et peut varier en fonction des établissements bancaires.</p> 865<p>Si le virement n'apparaît pas sur votre compte bancaire, vous pouvez nous contacter via le formulaire de contact <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">en cliquant ici</a></p> 866 </div> 867 </div> 868 </div> 869 <div class=" border-bottom-blueline"> 870 <h2 class="accordion-header " id="flush-heading201"> 871 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 872 data-bs-target="#flush-collapse201" aria-expanded="false" 873 aria-controls="#flush-collapse201"> 874 Mon ticket de caisse est "illisible", que faire ? 875 </button> 876 </h2> 877 <div id="flush-collapse201" class="accordion-collapse collapse" tabindex="0" 878 aria-labelledby="flush-heading201" data-bs-parent="#accordionFlushExample4"> 879 <div class="accordion-body"> 880 <p>Avant d'importer votre ticket de caisse, assurez-vous des éléments suivants :<br>- l’image du ticket de caisse doit être de bonne qualité, notamment avec un arrière-plan contrasté, une luminosité suffisante et une absence de flou<br>- le ticket de caisse ne doit pas être endommagé ou plié<br>- le scan du ticket de caisse doit être effectué verticalement dans l’orientation normale de lecture.<br>- le ticket ne doit pas être annoté avec des mentions manuscrites</p> 881<p>Si le message d'erreur persiste, vous pouvez nous contacter via le formulaire de contact <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">en cliquant ici</a></p> 882 </div> 883 </div> 884 </div> 885 <div class=" border-bottom-blueline"> 886 <h2 class="accordion-header " id="flush-heading211"> 887 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 888 data-bs-target="#flush-collapse211" aria-expanded="false" 889 aria-controls="#flush-collapse211"> 890 Pourquoi mon ticket n'est pas conforme ? 891 </button> 892 </h2> 893 <div id="flush-collapse211" class="accordion-collapse collapse" tabindex="0" 894 aria-labelledby="flush-heading211" data-bs-parent="#accordionFlushExample4"> 895 <div class="accordion-body"> 896 <p>Votre ticket de caisse peut être refusé : <br>- en cas d’existence de fichier identique (le remboursement pour une même offre ne peut se faire qu'une fois par preuve d'achat, dans la limite prévue de 12 au total, soit 1 fois par mois). <br>- et/ou d’existence de code barre identique <br>- et/ou de similarités sur plusieurs tickets de caisse <br>- et/ou de tickets de caisse provenant du même magasin au même moment <br>- et/ou de la présence d'autres promotions sur le ticket de caisse sur le produit éligible àl'offre (nos offres sont non cumulables a
896vec d'autres promotions en cours)<br>- et/ou de tickets de caisse avec la même liste de produits <br>- et/ou de retouche numérique du ticket de caisse.</p> 897 </div> 898 </div> 899 </div> 900 <div class=" border-bottom-blueline"> 901 <h2 class="accordion-header " id="flush-heading221"> 902 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 903 data-bs-target="#flush-collapse221" aria-expanded="false" 904 aria-controls="#flush-collapse221"> 905 Je n'ai pas reçu d'email de confirmation de remboursement. 906 </button> 907 </h2> 908 <div id="flush-collapse221" class="accordion-collapse collapse" tabindex="0" 909 aria-labelledby="flush-heading221" data-bs-parent="#accordionFlushExample4"> 910 <div class="accordion-body"> 911 <p>Nous n'envoyons pas d'email de confirmation suite àvotre demande de remboursement. Si votre ticket a bien été authentifié et comprend des produits éligibles, suivez bien les étapes jusqu'au message de confirmation. Vous pourrez ensuite suivre son statut dans votre profil.</p> 912 </div> 913 </div> 914 </div> 915 </div> 916 </div> 917 <h5 class="contact_Form_accordion_text"><p>Mon espace personnel</p></h5> 918 <div class="accordion accordion-flush" id="accordionFlushExample5"> 919 <div class="accordion-item"> 920 <div class=" border-bottom-blueline"> 921 <h2 class="accordion-header " id="flush-heading231"> 922 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 923 data-bs-target="#flush-collapse231" aria-expanded="false" 924 aria-controls="#flush-collapse231"> 925 Je n'ai pas reçu d'email d'activation de mon compte. 926 </button> 927 </h2> 928 <div id="flush-collapse231" class="accordion-collapse collapse" tabindex="0" 929 aria-labelledby="flush-heading231" data-bs-parent="#accordionFlushExample5"> 930 <div class="accordion-body"> 931 <p>Vérifiez que l'email ne se trouve pas dans vos courriers indésirables. Vérifiez également votre connexion internet puis essayez ànouveau de vous inscrire avec les mêmes informations personnelles.</p> 932<p>Si le problème persiste <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">contactez-nous ici</a></p> 933 </div> 934 </div> 935 </div> 936 <div class=" border-bottom-blueline"> 937 <h2 class="accordion-header " id="flush-heading241"> 938 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 939 data-bs-target="#flush-collapse241" aria-expanded="false" 940 aria-controls="#flush-collapse241"> 941 Comment me déconnecter ? 942 </button> 943 </h2> 944 <div id="flush-collapse241" class="accordion-collapse collapse" tabindex="0" 945 aria-labelledby="flush-heading241" data-bs-parent="#accordionFlushExample5"> 946 <div class="accordion-body"> 947 <p>Connectez-vous àvotre espace personnel et accédez àla section "Profil" où vou
947s pourrez mettre àjour vos informations.</p> 948 </div> 949 </div> 950 </div> 951 <div class=" border-bottom-blueline"> 952 <h2 class="accordion-header " id="flush-heading251"> 953 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 954 data-bs-target="#flush-collapse251" aria-expanded="false" 955 aria-controls="#flush-collapse251"> 956 Comment modifier mon profil ? 957 </button> 958 </h2> 959 <div id="flush-collapse251" class="accordion-collapse collapse" tabindex="0" 960 aria-labelledby="flush-heading251" data-bs-parent="#accordionFlushExample5"> 961 <div class="accordion-body"> 962 <p>Connectez-vous àvotre espace personnel et accédez àla section "Profil" où vous pourrez mettre àjour vos informations.</p> 963 </div> 964 </div> 965 </div> 966 <div class=" border-bottom-blueline"> 967 <h2 class="accordion-header " id="flush-heading261"> 968 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 969 data-bs-target="#flush-collapse261" aria-expanded="false" 970 aria-controls="#flush-collapse261"> 971 Comment changer mes informations personnelles ? 972 </button> 973 </h2> 974 <div id="flush-collapse261" class="accordion-collapse collapse" tabindex="0" 975 aria-labelledby="flush-heading261" data-bs-parent="#accordionFlushExample5"> 976 <div class="accordion-body"> 977 <p>Allez dans la section "Profil" de votre espace personnel pour mettre àjour vos informations personnelles.</p> 978 </div> 979 </div> 980 </div> 981 <div class=" border-bottom-blueline"> 982 <h2 class="accordion-header " id="flush-heading271"> 983 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 984 data-bs-target="#flush-collapse271" aria-expanded="false" 985 aria-controls="#flush-collapse271"> 986 J'ai oublié mon mot de passe. 987 </button> 988 </h2> 989 <div id="flush-collapse271" class="accordion-collapse collapse" tabindex="0" 990 aria-labelledby="flush-heading271" data-bs-parent="#accordionFlushExample5"> 991 <div class="accordion-body"> 992 <p>En cas d'oubli de votre mot de passe, vous pouvez vous rendre sur le site et aller sur "se connecter" pu
992is cliquer sur le lien « mot de passe oublié», et saisir votre adresse mail.</p> 993<p>Un lien de réinitialisation de mot de passe vous sera ensuite envoyé. Il vous suffira alors de cliquer sur le lien puis saisir le nouveau mot de passe.</p> 994 </div> 995 </div> 996 </div> 997 <div class=" border-bottom-blueline"> 998 <h2 class="accordion-header " id="flush-heading281"> 999 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 1000 data-bs-target="#flush-collapse281" aria-expanded="false" 1001 aria-controls="#flush-collapse281"> 1002 Je n'ai pas reçu l'email pour réinitialiser mon mot de passe. 1003 </button> 1004 </h2> 1005 <div id="flush-collapse281" class="accordion-collapse collapse" tabindex="0" 1006 aria-labelledby="flush-heading281" data-bs-parent="#accordionFlushExample5"> 1007 <div class="accordion-body"> 1008 <p>Vérifiez que l'email ne se trouve pas dans vos courriers indésirables. Vérifiez également votre connexion internet puis essayez ànouveau de réinitialiser votre mot de passe.</p> 1009<p>Si le problème persiste <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">contactez-nous ici.</a></p> 1010 </div> 1011 </div> 1012 </div> 1013 <div class=" border-bottom-blueline"> 1014 <h2 class="accordion-header " id="flush-heading291"> 1015 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 1016 data-bs-target="#flush-collapse291" aria-expanded="false" 1017 aria-controls="#flush-collapse291"> 1018 Je n'arrive pas à me connecter 1019 </button> 1020 </h2> 1021 <div id="flush-collapse291" class="accordion-collapse collapse" tabindex="0" 1022 aria-labelledby="flush-heading291" data-bs-parent="#accordionFlushExample5"> 1023 <div class="accordion-body"> 1024 <p>Assurez-vous d'utiliser des informations de connexion correctes. Si vous rencontrez toujours des problèmes, <a style="color: #f50082 !important; text-decoration: underline !important;" href="/contact/" class="activePink">contactez-nous ici.</a> pour obtenir de l'aide.</p> 1025 </div> 1026 </div> 1027 </div> 1028 <div class=" border-bottom-blueline"> 1029 <h2 class="accordion-header " id="flush-heading301"> 1030 <button class="accordion-button accordion_button_arrow_change collapsed contact_Form_accordion_text_button" type="button" data-bs-toggle="collapse" 1031 data-bs-target="#flush-collapse301" aria-expanded="false" 1032 aria-controls="#flush-collapse301"> 1033 Comment me désinscrire ? 1034 </button> 1035 </h2> 1036 <div id="flush-collapse301" class="accordion-collapse collapse" tabindex="0" 1037 aria-labelledby="flush-heading301" data-bs-parent="#accordionFlushExample5"> 1038 <div class="accordion-body"> 1039 <p>Pour vous désinscrire, connectez-vous àvotre espace personnel et allez dans "préférences de communication".</p> 1040 </div> 1041 </div> 1042 </div> 1043 </div> 1044 </div> 1045 </div> 1046 </div> 1047 </div> 1048 <!-- ================================================ --> 1049 <div class="tab-pane " id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab"> 1050 <h1 class="text-center contact_form_top_header_text" tabindex="0">Nous contacter</h1> 1051 <div class="contactForm_tab py-5 mx-lg-4 mx-md-2 mx-0 px-3"> 1052 <div class="row justify-content-center"> 1053 <div class="col-lg-8"> 1054 <div class="mb-3"> 1055 <label for="formGroupExampleInput" class="form-label contact_form_level" tabindex="0">Selectionnez le sujet de votre message</label> 1056 <div class="mb-3"> 1057 <select id="EmailSubjectID" name="EmailSubjectID" class="form-select form_select_icon_add contact_Fromcontrol" aria-label="Select Email Subject"> 1058 <option id="" selected disabled>-</option> 1059 <option id="Problem with Refund" value="Problem with Refund">J’ai un problème avec un remboursement</option> 1060 <option id="Problem with Discount Printing" value="Problem with Discount Printing">J’ai un problème avec une réduction à imprimer</option> 1061 <option id="Problem with Web Reduction" value="Problem with Web Reduction">J’ai un problème avec une réduction en ligne</option> 1062 <option id="Problem with Brand Product" value="Problem with Brand Product">J’ai une question ou une réclamation sur le produit d’une marque </option> 1063 <option id="Question related to how the program works" value="Question related to how the program works">J’ai une question liée au fonctionnement du programme</option> 1064 <option id="Problem with Profile Management" value="Problem with Profile Management">J’ai une question liée à la gestion de mon profil</option> 1065 <option id="Other" value="Other">Autre</option> 1066 <option id="Lotusfr" value="Lotusfr">Jeu Lotus 60ans</option> 1067 <option id="Tenafr" value="Tenafr">Jeu TENA</option> 1068 </select> 1069 <h5 id="selctionItemError" class="text-danger" style="font-size:12px" role="alert">Veuillez sélectionner la ligne d'objet</h5> 1070 </div> 1071 <input type="hidden" name="EmailSubjectValue" value="" id="EmailSubjectValue"> 1072 </div> 1073 1074 <div class="form-group mb-3" id="coupondropdown-Container"> 1075 <label class="form-label contact_form_level" tabindex="0">Sélectionner la réduction souhaitée</label> 1076 <select style="width: 100%;" class="js-example-basic-multiple js-states form-control w-100 choices__inner" multiple="multiple" 1077 name="pickup_day[]" id="Coupondtls" aria-label="Select Coupon Options"> </select> 1078 <input type="hidden" name="SelectedCoupons" id="SelectedCoupons"> 1079 <h5 id="couponSelectError" class="text-danger" role="alert" style="font-size:12px">Merci de sélectionner au moins une réduction </h5> 1080 </div> 1081 1082 1083 <div class="row firstLastBox" id="firstLastBox"> 1084 <div class="col-lg-6"> 1085 <div class="mb-3"> 1086 <label for="firstName" class="form-label contact_form_level" tabindex="0">Prénom </label> 1087 <input class="form-control contact_Fromcontrol" id="firstName" name="FirstName" type="text" value="Prénom " /> 1088 <h5 id="firstnameError" class="text-danger" role="alert">Le prénom est requis</h5> 1089 <h5 id="firstnameAlphabetsOnly" class="text-danger" role="alert"></h5> 1090 </div> 1091 </div> 1092 <div class="col-lg-6"> 1093 <div class="mb-3"> 1094 <label for="lastName" class="form-label contact_form_level" tabindex="0">Nom</label> 1095 <input class="form-control contact_Fromcontrol" id="lastName" name="LastName" type="text" value="Nom" /> 1096 <h5 id="lastnameError" class="text-danger" role="alert">Le nom de famille est obligatoire</h5> 1097 <h5 id="lastnameAlphabetsOnly" class="text-danger" role="alert"></h5> 1098 1099 </div> 1100 </div> 1101 </div> 1102 <div class="emailinputbox" id="emailinputbox"> 1103 <div class="mb-3"> 1104 <label for="email" class="form-label contact_form_level">Adresse e-mail</label> 1105 <input class="form-control contact_Fromcontrol" id="email" name="EmailId" type="text" value="Adresse e-mail" /> 1106 <h5 id="emailError" class="text-danger">L'e-mail est requis</h5> 1107 <h5 id="emailFormatError" class="text-danger">Merci de renseigner une adresse e-mail valide</h5> 1108 </div> 1109 </div> 1110 <div id="brandinputbox" class="brandinputbox"> 1111 <label for="inputEmail4" tabindex="0" class="form-label contact_form_level">Marques</label> 1112 <div class="mb-4"> 1113 <select id="BrandID" name="BrandURL" class="form-select contact_Fromcontrol form_select_icon_add " aria-label="Select Brand"> 1114 <option id="" selected disabled>Merci de sélectionner la marque concernée</option> 1115 <option id="https://www.lotusbaby.fr/footer/contactez-nous/" value="https://www.lotusbaby.fr/footer/contactez-nous/">Lotus Baby</option> 1116 <option id="https://www.lotushygiene.com/fr/restons-en-contact/" value="https://www.lotushygiene.com/fr/restons-en-contact/">Lotus Hygiene</option> 1117 <option id="https://www.nana.fr/contactez-nous/" value="https://www.nana.fr/contactez-nous/">Nana</option> 1118 <option id="https://www.tena.fr/nous-contacter" value="https://www.tena.fr/nous-contacter">Tena</option> 1119 <option id="https://www.demakup.com/fr/restons-en-contact/" value="https://www.demakup.com/fr/restons-en-contact/">DemakUp</option> 1120 <option id="https://www.okay.eu/fr/contact/" value="https://www.okay.eu/fr/contact/">Okay</option> 1121 </select> 1122 <h5 id="brandItemError" class="text-danger" role="alert">Sélectionnez la marque</h5> 1123 </div> 1124 </div> 1125 <div class="mt-4"> 1126 <div class="textareainputbox mb-3" id="textareainputbox"> 1127 <div class="form-outline"> 1128 <label class="form-label contact_form_level" for="message" tabindex="0">Message (800 caractères maximum)</label> 1129 <textarea class="form-control contact_Fromcontrol" id="message" name="Message" rows="8"> 1130Message (800 caractères maximum)</textarea> 1131 <h5 id="messageError" class="text-danger" role="alert">Merci de décrire votre demande</h5> 1132 </div> 1133 </div> 1134 <div class="contact_form_bottom_pera" tabindex="0"> 1135 <div class="contact_form_bottom_pera"> 1136<p class="mb-0"><span class="contact_star_icon">* </span> Les réponses indiquées par une astérisque sont obligatoires.</p> 1137<p>Votre adresse e-mail est collectée dans le but de vous répondre par e-mail, et uniquement àcette fin.</p> 1138</div> 1139 </div> 1140 <br /> 1141 <div class="g-recaptcha" data-sitekey="6Lf-Jq4oAAAAAFZ-nXsZSsiv_CA9JMF_vZ9skhj6" aria-label="reCAPTCHA Security Check"></div> 1142 <h5 id="recaptchaError" class="text-danger recaptchaError" role="alert">Merci de cliquer sur "je ne suis pas un robot"</h5> 1143 <div class="text-center mt-4"> 1144 <button type="submit" class="btn discount_button text-center px-5" id="submitbtn" aria-label="Submit Form">Valider</button> 1145 </div> 1146<input id="AdminEmail1" name="AdminEmail1" type="hidden" value="[email protected]" /><input id="AdminEmail2" name="AdminEmail2" type="hidden" value="contact
1146@monbienetrerecompense.fr" /><input id="AdminOkayfrEmail3" name="AdminOkayfrEmail3" type="hidden" value="[email protected]" /> </div> 1147 </div> 1148 </div> 1149 </div> 1150 </div> 1151 </div> 1152 </div> 1153 1154 <!-- Pills content --> 1155 </div> 1156<input name="__RequestVerificationToken" type="hidden" value="CfDJ8EABxL4j6ItHk1VkYDifddBFvqnKzs-DpABtFQFGXE20yQYYEJ9-79qCXrSDjXZ7LpdW58iqZ8sobv8yK6BOoFPxAuCeR2-TtsczVbZSpzc5d_MDDHQmPDbqtw_hJw1SqVnICab9wmo7zBQJRTElEgM" /><input name="ufprt" type="hidden" value="CfDJ8EABxL4j6ItHk1VkYDifddBtZiWOhjNZz6CxXaEXYwQnzsH8hgv0HOqJoDjSE0gZ4WH4YDyLQdaZCZxHI9X-mcn-q_TBwVYZhMolW_HfYeAl2lAC51HasaC4uQBvzVGwiye2wBiufDv3bfTzW46wXpRQ2j_3V4sWzOctf07aRfApEeJWCmDbLWgHSzRXksc9_A" /></form> 1157 1158 1159
1160<script> 1161 $("#EmailSubjectID").change(function () { 1162 var selectText = $('option:selected', this).text(); 1163 if (selectText) { 1164 $("#EmailSubjectValue").val(selectText); 1165 } 1166 }); 1167 1168 1169</script>
vendor: 2 bytes, line 1169
1169
1170<script> 1171 1172 var selectedCoupons = {}; 1173 1174 function IsCouponDropdownVisible(selctionItem) { 1175 1176 if (selctionItem == "Problem with Refund" || selctionItem == "Problem with Discount Printing" || selctionItem == "Problem with Web Reduction") { 1177 return true; 1178 } 1179 else { 1180 return false; 1181 } 1182 } 1183 1184 1185 $(document).ready(function () { 1186 selectedCoupons = {}; 1187 $("#firstName").val(""); 1188 $("#lastName").val(""); 1189 $("#email").val(""); 1190 $("#message").val(""); 1191 $("#multiSelectInputVal").val(""); 1192 $("#coupondropdown-Container").hide(); 1193 $(".brandinputbox").hide() 1194 $("#EmailSubjectID").change(function () { 1195 1196 var id = $(this).children(":selected").attr("id"); 1197 if (id == "Problem with Brand Product") { 1198 $("#firstlastinputbox").hide(); 1199 $(".emailinputbox").hide(); 1200 $(".firstLastBox").hide(); 1201 $(".textareainputbox").hide(); 1202 $(".brandinputbox").show() 1203 } 1204 else { 1205 $("#firstlastinputbox").show(); 1206 $(".emailinputbox").show(); 1207 $(".firstLastBox").show(); 1208 $(".textareainputbox").show(); 1209 $(".brandinputbox").hide() 1210 } 1211 if (IsCouponDropdownVisible(id)) { 1212 // display coupon dropdown 1213 $("#coupondropdown-Container").show(); 1214 } 1215 else { 1216 $("#coupondropdown-Container").hide(); 1217 } 1218 1219 }); 1220 GetCoupons(BindCouponDropdown); 1221 1222 }); // end for ready 1223 1224 1225 1226 1227 function BindCouponDropdown(response) 1228 { 1229 var s = ""; 1230 for (var i = 0; i < response.couponList.length; i++) { 1231 //s += '<option value="' + response.couponList[i].operationCode + '">' + response.couponList[i].title + '</option>'; 1232 var title = response.couponList[i].title + " - " + response.couponList[i].amount + "€"; 1233 s += "<option value=" + response.couponList[i].operationCode + ">" + title + "</option>"; 1234 } 1235 $("#Coupondtls").html(s); 1236 1237 // Prepopulate the User Information 1238 $("#firstName").val(response.firstName); 1239 $("#lastName").val(response.lastName); 1240 $("#email").val(response.email); 1241 } 1242 1243 1244 $(document).ready(function () { 1245 // Hide all error messages initially 1246 $("#firstnameError, #lastnameError, #emailError, #messageError, #selctionItemError, #brandItemError, #emailFormatError, #firstnameAlphabetsOnly, #lastnameAlphabetsOnly, #recaptchaError, #couponSelectError").hide(); 1247 1248 // First Name Validation 1249 $("#firstName").on('input', function () { 1250 firstNameValid(); 1251 }); 1252 1253 1254 1255 $("#firstName").keypress(function (e) { 1256 var isValid = IsCharacterNumber(e); 1257 if (!isValid) { 1258 $("#firstnameAlphabetsOnly").show(); 1259 $("#firstnameError").hide(); 1260 } else { 1261 $("#firstnameAlphabetsOnly").hide(); 1262 } 1263 return isValid; 1264 }); 1265 1266 1267 1268 // Last Name Validation 1269 $("#lastName").on('input', function () { 1270 lastNameValid(); 1271 }); 1272 1273 1274 1275 $("#lastName").keypress(function (e) { 1276 var isValid = IsCharacterNumber(e); 1277 if (!isValid) { 1278 $("#lastnameAlphabetsOnly").show(); 1279 } else { 1280 $("#lastnameAlphabetsOnly").hide(); 1281 } 1282 return isValid; 1283 }); 1284 1285 // Email Validation 1286 $("#email").on('input', function () { 1287 emailValid(); 1288 }); 1289 1290 1291 1292 // Message Validation 1293 $("#message").on('input', function () { 1294 messageValid(); 1295 }); 1296 1297 1298 1299 // Selection Box Validation 1300 $("#EmailSubjectID").change(function () { 1301 selectionBox(); 1302 }); 1303 1304 function selectionBox() { 1305 var selctionItem = $("#EmailSubjectID").children(":selected").attr("id"); 1306 if (!selctionItem) { 1307 $("#selctionItemError").show(); 1308 return false; 1309 } else { 1310 $("#selctionItemError").hide(); 1311 if (selctionItem === "Problem with Brand Product") { 1312 if (!brandValid()) { 1313 $("#brandItemError").show(); 1314 return false; 1315 } else { 1316 $("#brandItemError").hide(); 1317 } 1318 } 1319 return true; 1320 } 1321 } 1322 1323 // Brand Validation 1324 $("#BrandID").change(function () { 1325 brandValid(); 1326 }); 1327 1328 function brandValid() { 1329 var brandItem = $("#BrandID").children(":selected").attr("id"); 1330 if (!brandItem) { 1331 $("#brandItemError").show(); 1332 return false; 1333 } else { 1334 $("#brandItemError").hide(); 1335 return true; 1336 } 1337 } 1338 1339 // Coupon Selection Validation 1340 $('#Coupondtls').on('select2:select select2:unselect', function () { 1341 couponSelection(); 1342 }); 1343 1344 function couponSelection() { 1345 var selectedItems = $("#Coupondtls").val(); 1346 var isCouponHidden = $("#coupondropdown-Container").css('display') === "none" 1347 if (!isCouponHidden) { 1348 if (selectedItems && selectedItems.length > 0) { 1349 $("#couponSelectError").hide(); 1350 return true; 1351 } else { 1352 $("#couponSelectError").show(); 1353 return false; 1354 } 1355 } else { 1356 return true 1357 } 1358 } 1359 1360 1361 // Listen for reCAPTCHA completion and hide error automatically 1362 window.recaptchaCallback = function () { 1363 recaptchaValid(); 1364 }; 1365 1366 // Handle form submission 1367 $("#submitbtn").click(function (e) { 1368 selectedCoupons = {}; 1369 $('#Coupondtls option:selected').map(function () { 1370 selectedCoupons[$(this).val()] = $(this).text(); 1371 }).get(); 1372 var couponJson = JSON.stringify(selectedCoupons);
1373 if (couponJson !== '{}') { 1374 $("#SelectedCoupons").val(couponJson); 1375 } 1376 1377 if (!selectionBox() || !firstNameValid() || !lastNameValid() || !emailValid() || !messageValid() || !couponSelection() || !recaptchaValid()) { 1378 e.preventDefault(); 1379 showAllErrors(); 1380 } 1381 }); 1382 1383 // Show all errors for fields that are empty or invalid on form submission 1384 function showAllErrors() { 1385 if (!firstNameValid()) $("#firstnameError").show(); 1386 if (!lastNameValid()) $("#lastnameError").show(); 1387 // Validate email and show appropriate errors 1388 emailValid(); 1389 if (!messageValid()) $("#messageError").show(); 1390 if (!selectionBox()) $("#selctionItemError").show(); 1391 if (!couponSelection()) $("#couponSelectError").show(); 1392 if (!recaptchaValid()) $("#recaptchaError").show(); 1393 } 1394 1395 }); 1396 1397 window.onload = function () { 1398 const skipButton = document.querySelector(".skip-main"); 1399 if (!skipButton) return; 1400 skipButton.style.display = "none"; 1401 1402 let firstTabPress = false; 1403 1404 document.body.addEventListener('keydown', function (event) { 1405 if (event.keyCode === 9) { 1406 if (!firstTabPress) { 1407 firstTabPress = true; 1408 skipButton.style.display = "block"; 1409 } 1410 } 1411 if (event.keyCode === 13 && document.activeElement.classList.contains("skip-main")) { 1412 performSkipAction(); 1413 } 1414 }); 1415 1416 document.body.addEventListener('click', function (event) { 1417 if (event.target === skipButton || event.target.closest(".skip-main")) { 1418 event.preventDefault(); 1419 performSkipAction(); 1420 } else { 1421 skipButton.style.display = "none"; // Hide skip link when clicking elsewhere 1422 } 1423 }); 1424 1425 function performSkipAction() { 1426 if (!$(".contact_form_tab_button").length) return; 1427 $('html, body').animate({ scrollTop: $(".contact_form_tab_button").offset().top - 120 }, 2000); 1428 [".navbar-brand", ".homeBroud_responsive", ".navbar-nav a", ".text-decoration-none"] 1429 .forEach(selector => $(selector).attr("tabindex", "-1")); 1430 1431 skipButton.style.display = "none"; // Hide after skipping 1432 } 1433 }; 1434 1435 1436 //sticky basket keydown event 1437 document.addEventListener("keydown", function (e) { 1438 if (e.target.matches(".basket_tag_click") && e.key === "Enter") { 1439 e.preventDefault(); 1440 e.target.click(); 1441 1442 setTimeout(() => { 1443 document.querySelector(".basket_popup_title")?.focus(); 1444 }, 300); 1445 } 1446 }); 1447 1448</script>
1448 1449 1450
1451<script integrity="sha512-4MvcHwcbqXKUHB6Lx3Zb5CEAVoE9u84qN+ZSMM6s7z8IeJriExrV3ND5zRze9mxNlABJ6k864P/Vl8m0Sd3DtQ==" crossorigin="anonymous" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-rc.0/js/select2.min.js"></script>
1451 1452 1453 1454 <div class="backet_sticky_popup" id="basketPopbtn" tabindex="0"> 1455 <div class="basket_tag"> 1456 <div class="basket_tag_click shadow" onclick="myFunction()" tabindex="0" role="button" aria-label="Sticky basket"> 1457 <div class="basket_tag_click_badge_desktop" tabindex="0" role="button"><p class="text-white">0</p></div> 1458 <p class="mb-0" tabindex="0">Mes remises</p> 1459 <img class="my-1" src="/popup_tag.png" alt="price tag" tabindex="0"> 1460 <div id="Totaladdedamount" class="mb-0">0€</div> 1461 </div> 1462 </div> 1463 1464 <div class=" basket_popup_main" style="display: none;" id="myPopup"> 1465 1466 <div class="card border-0 mb-3" id="BasketfirstPopUp"> 1467 <div class="basket_popup_title" tabindex="0">Mes remises</div> 1468 <div class="card-body basket_popup_body text-primary px-3 "> 1469 <div class="basket_popup_textArea"> 1470 <div class="BasketfirstPopUp "> 1471 <div id="quickbasketloop"> 1472 </div> 1473 1474 <div class="basket_popup_total_section"> 1475 <div class="basket_popup_ammount d-flex justify-content-between align-items-center my-3"> 1476 <p id="removeall" tabindex="0">Tout supprimer</p> 1477 <h5 class="total_button fw-normal" tabindex="0"> TOTAL : <span class="fw-bold" id="Totaladdedamountinside">0€</span> </h5> 1478 </div> 1479 1480 <div class=""> 1481 <button class="btn bg-light basket_popup_submit_button" onclick="hideFirstPopup();" tabindex="0" aria-label="Je valide mes remises">Je valide mes remises</button> 1482 </div> 1483 </div> 1484 1485 </div> 1486 </div> 1487 </div> 1488 </div> 1489 <div class="card border-0 mb-3 d-none BasketsecondPopUp" id="BasketsecondPopUp"> 1490 <div class="basket_popup_title" tabindex="0"> Que souhaitez-vous faire ? </div> 1491 <div class="card-body basket_popup_body text-primary "> 1492 <div class="basket_popup_second d-flex justify-content-between "> 1493 <div class="container-fluid "> 1494 <!-- basket popup alert notification start --> 1495 <div class="row basket_popup_second_alertNotification d-none"> 1496 <div class="col-2 basket_popup_second_alertNotification_leftIcon p-0"> 1497 <img class="img-fluid" src="/errorIcon.png" alt="" aria-hidden="true"> 1498 </div> 1499 <div class="col-10 basket_popup_second_alertNotification_rightText"> 1500 <p class="text-start text-white" tabindex="0"> 1501 un des produit selectionne est une reduction unuquement disponible sur le site de nos enseignes partenaires. 1502 </p> 1503 </div> 1504 </div> 1505 <!-- basket popup alert notification end --> 1506 <div class="row basket_popup_second_main" id="printcoupon" data-bs-toggle="modal" data-bs-target="#PrintOptionModal" tabindex="0"> 1507 <div class="col-2 basket_popup_second_main_leftside"> 1508 <img class="img-fluid" src="/printer.png" alt="printer icon"> 1509 </div> 1510 <div class="col-10 basket_popup_second_main_rightside"> 1511 <p class="text-start text-white">Imprimer les bons de reduction </p> 1512 </div> 1513 </div> 1514 <div class="row basket_popup_second_main web_print_listing_email_btn" id="emailcoupon" data-bs-toggle="modal" data-bs-target="#PrintOptionModal" tabindex="0"> 1515 <div class="col-2 basket_popup_second_main_leftside"> 1516 <img class="img-fluid" src="/letterIcon.png" alt="letter icon"> 1517 </div> 1518 <div class="col-10 basket_popup_second_main_rightside"> 1519 <p class="text-start text-white">Recevoir les bons de réduction par e-mail</p> 1520 </div> 1521 </div> 1522 <div class="row basket_popup_second_main" id="discountreduction" data-bs-toggle="modal" data-bs-target="#GetYourDiscountModal" tabindex="0"> 1523 <div class="col-2 basket_popup_second_main_leftside"> 1524 <img class="img-fluid" src="/popup_tag.png" alt="pop tag icon" id="popuptag_img"> 1525 </div> 1526 <div class="col-10 basket_popup_second_main_rightside"> 1527 <p class="text-start text-white">Accéder aux offres spéciales</p> 1528 </div> 1529 </div> 1530 </div> 1531 </div> 1532 1533 </div> 1534 </div> 1535 </div> 1536 <div class="card border-0 mb-3 d-none BasketsecondPopUp" id="OnlyBasketsecondPopUp"> 1537 <div class="basket_popup_title">Que souhaitez-vous faire ? </div> 1538 <div class="card-body basket_popup_body text-primary "> 1539 <div class="basket_popup_second d-flex justify-content-between"> 1540 <div class="container-fluid "> 1541 <!-- basket popup alert notification end --> 1542 <div class="row basket_popup_second_main" tabindex="0"> 1543 <div class="col-2 basket_popup_second_main_leftside"> 1544 <img class="img-fluid" src="/popup_tag.png" alt="popup tag" tabindex="0"> 1545 </div> 1546 <div class="col-10 basket_popup_second_main_rightside"> 1547 <p class="text-start text-white" tabindex="0">Imprimer les bons de reduction </p> 1548 </div> 1549 </div> 1550 <div class="row basket_popup_second_main" tabindex="0"> 1551 <div class="col-2 basket_popup_second_main_leftside"> 1552 <img class="img-fluid" src="/letterIcon.png" alt="letter icon" tabindex="0"> 1553 </div> 1554 <div class="col-10 basket_popup_second_main_rightside"> 1555 <p class="text-start text-white" tabindex="0">Recevoir les bons de réduction par e-mail</p> 1556 </div> 1557 </div> 1558 </div> 1559 </div> 1560 </div> 1561 </div> 1562</div> 1563 1564 1565<div id="Errordisplaypopup"> 1566 <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> 1567 <div class="modal-dialog modal-md modal-dialog-centered"> 1568 <div class="modal-content"> 1569 <div class="modal-header"> 1570 <h1 class="modal-title fs-5 text-center w-100" id="staticBackdropLabel"><img src="/erroricon_pink.png" width="50" class="pe-2" alt="Titre de la fenêtre contextuelle d'erreur de plafonnement" />Titre de la fenêtre contextuelle d'erreur de plafonnement</h1> 1571 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" tabindex="0"></button> 1572 </div> 1573 <div class="modal-body"> 1574 <div class="container"> 1575 <div class="row"> 1576 <div class="col-md-12 my-5"> 1577 <p class="text-center" tabindex="0">Vous ne parvenez pas à utiliser le coupon. </p> 1578 </div> 1579 </div> 1580 </div> 1581 </div> 1582 <div class="modal-footer"> 1583 <button type="button" class="btn btn-secondary blue-button" data-bs-dismiss="modal" tabindex="0" aria-label="close">Fermer</button> 1584 <button type="button" class="btn btn-primary pink-button" data-bs-dismiss="modal" tabindex="0" aria-label="ok"> D'accord</button> 1585 </div> 1586 </div> 1587 </div> 1588 </div> 1589</div> 1590
1591<script> 1592 document.addEventListener('keydown', function (e) { 1593 const activeElement = document.activeElement; 1594 1595 // Check if Tab is pressed (either forward or backward) 1596 if (e.key === 'Tab') { 1597 // Case 1: Forward navigation (Tab without Shift key) 1598 if (!e.shiftKey) { 1599 // Case 1.1: Focus is on .basket_popup_submit_button 1600 if (activeElement.classList.contains('basket_popup_submit_button')) { 1601 e.preventDefault(); // Prevent default tab behavior 1602 const nextTarget = document.querySelector('.basket_tag_click.shadow'); 1603 if (nextTarget) nextTarget.focus(); 1604 } 1605 1606 // Case 1.2: Focus is on #cashback 1607 else if (activeElement.id === 'cashback') { 1608 e.preventDefault(); // Prevent default tab behavior 1609 const nextTarget = document.querySelector('.basket_tag_click.shadow'); 1610 if (nextTarget) nextTarget.focus(); 1611 } 1612 } 1613 1614 // Case 2: Backward navigation (Shift + Tab) 1615 else if (e.shiftKey) { 1616 // Case 2.1: Focus is on #cashback (we want to go to #discountreduction) 1617 if (activeElement.id === 'cashback') { 1618 e.preventDefault(); // Prevent default tab behavior 1619 const previousTarget = document.getElementById('discountreduction'); 1620 if (previousTarget) previousTarget.focus(); 1621 } 1622 } 1623 } 1624 }); 1625 1626 1627 function handleModalClose() { 1628 // Step 2 inside PrintOptionModal is visible 1629 if ($('#PrintOptionModal:visible .step-2-container:visible').length) { 1630 $('#PrintOptionModal').modal('hide'); 1631 $('#emailcoupon').focus(); 1632 } 1633 // Only PrintOptionModal is visible 1634 else if ($('#PrintOptionModal:visible').length) { 1635 $('#PrintOptionModal').modal('hide'); 1636 $('#printcoupon').focus(); 1637 } 1638 // GetYourDiscountModal is visible 1639 else if ($('#GetYourDiscountModal:visible').length) { 1640 $('#GetYourDiscountModal').modal('hide'); 1641 $('#discountreduction').focus(); 1642 } 1643 // uploadReceiptModal is visible 1644 else if ($('#uploadReceiptModal:visible').length) { 1645 $('#uploadReceiptModal').modal('hide'); 1646 $('#cashback').focus(); 1647 } 1648 } 1649 $(document).ready(function () { 1650 // ESC key handler 1651 $(document).on('keydown', function (e) { 1652 if (e.key === 'Escape') { 1653 handleModalClose(); 1654 } 1655 }); 1656 1657 // Close button handler (same logic as Escape) 1658 $(document).on('click', '.btn-close[data-bs-dismiss="modal"]', function (e) { 1659 e.preventDefault(); // Prevent default Bootstrap close if needed 1660 handleModalClose(); 1661 }); 1662 }); 1663 1664 1665 1666</script>
1666 1667 <div id="uploadReceiptDLG"> 1668 <meta http-equiv="Content-Security-Policy" content="script-src 'self' https://www.google.com/recaptcha/;">
vendor: 79 bytes, lines 1668-1669
1668 1669<script async defer src="https://www.google.com/recaptcha/api.js"></script>
1670<div class="get_your_refund"> 1671 <div id="uploadReceiptModal" class="modal fade" role="dialog"> 1672 <div class="modal-dialog modal-lg modal-dialog-centered"> 1673 <div class="modal-content"> 1674 <img src="/tag_popup.png" class="get_your_refund_title_image" alt="get your refund title" /> 1675 <div class="modal-header"> 1676 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> 1677 </div> 1678 <div class="modal-body"> 1679 1680 <div class="get_your_refund_process_main"> 1681 <!-- number process counter --> 1682 <div class="get_your_refund_number_process my-3"> 1683 <div class="row justify-content-center"> 1684 1685 <div id="step-1" class="col text-center active"> 1686 1687 <div class="number_div d-flex justify-content-center position-relative"> 1688 <div class="row justify-content-center"> 1689 <div class="col"> 1690 <div id="step-1-link" class="text_content"> 1691 <h1 class="text-center">1</h1> 1692 <p class="mt-1"><p>Preuve d'achat</p></p> 1693 </div> 1694 </div> 1695 </div> 1696 1697 <div class=""> 1698 <div class="right_image_icon"> 1699 <img src="/right-arrow.png" alt="right icon" /> 1700 </div> 1701 </div> 1702 </div> 1703 </div> 1704 <div id="step-2" class="col text-center"> 1705 1706 <div class="number_div d-flex justify-content-center position-relative"> 1707 <div class="row justify-content-center"> 1708 <div class="col"> 1709 <div id="step-2-link" class="text_content"> 1710 <h1 class="text-center">2</h1> 1711 <p class="mt-1"><p>Remboursement</p></p> 1712 </div> 1713 </div> 1714 </div> 1715 1716 <div class=""> 1717 <div class="right_image_icon"> 1718 <img src="/right-arrow.png" alt="right icon" /> 1719 </div> 1720 </div> 1721 </div> 1722 </div> 1723 <div id="step-3" class="col text-center"> 1724 1725 <div class="number_div d-flex justify-content-center position-relative"> 1726 <div class="row justify-content-center"> 1727 <div class="col"> 1728 <div id="step-3-link" class="text_content"> 1729 <h1 class="text-center">3</h1> 1730 <p class="mt-1"><p>Analyse de votre demande</p></p> 1731 </div> 1732 </div> 1733 </div> 1734 1735 </div> 1736 </div> 1737 </div> 1738 </div> 1739 1740 <!-- Cashback upload button view start-->
1741 <div id="step-1-details" class="get_your_refund_upload_main first-screen-view"> 1742 <div class="get_your_refund_upload_button_section text-center "> 1743 1744 <div class="get_your_refund_upload_button d-flex justify-content-center gap-3 mt-2"> 1745 <div class="phppot-container pb-4 pt-3"> 1746 <div id="drop-area" role="region" aria-labelledby="uploadTitle"> 1747 <div class="get_your_refund_upload_icon mb-3"> 1748 <img class="mb-1 rounded-circle" width="7%" src="/download_arrow.png" alt="upload file" aria-label="Click to import a file"> 1749 <div id="uploadTitle"><p>Importez ou insérez un fichier <br class="d-block d-xl-none d-lg-none d-md-none">comportant votre ticket <br class="d-block d-xl-none d-lg-none d-md-none">de caisse</p></div> 1750 </div> 1751 <input id="fileInput" type="file" style="display: none;"> 1752 <button type="button" id="ImportFileBtn" 1753 class=" btn import_a_file mb-3 mb-lg-0 mb-lg-0" onclick="importFile()" aria-label="Import a file"> 1754 Importer un fichier 1755 </button> 1756 </div> 1757 <div id="loader-icon" role="alert" aria-live="polite"> 1758 <img src="https://libresse-images.essity.com/images-c5/896/662896/original/loader.gif" alt="loader..."/> 1759 </div> 1760 <div id="success-message-info" class="message success display-none"></div> 1761 <button type="button" id="TakePictureBtn" data-bs-toggle="modal" data-bs-target="#webcameMain" 1762 class="btn take_a_picture d-block d-lg-none d-md-none"> 1763 Prendre une photo 1764 </button> 1765 </div> 1766 1767 </div> 1768 <div id="isFileImportedWeb"><p class="text-bold mt-2">Fichier téléchargé avec succès</p> </div> 1769 <div id="isvaliduser" class="useraccount_statusmsg"><p>Vous avez dépassé la limite de téléchargement quotidienne !</p> 1770<div style="margin-top: 10px;"><a href="/contact/" aria-current="page"> <button class="btn contiunue_button">Contactez-nous</button> </a></div></div> 1771 <div class="g-recaptcha mt-4 mb-4" data-callback="recaptchaCallback" id="g-recaptchaid" data-sitekey="6Lf-Jq4oAAAAAFZ-nXsZSsiv_CA9JMF_vZ9skhj6"></div> 1772 1773 </div> 1774 1775 <div><div class="get_your_refund_content_area"> 1776<h6>Pour que votre ticket de caisse soit valide, <br>Assurez-vous que :</h6> 1777<ul class="p-2 mb-0 list-unstyled "> 1778<li><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"></span> La date d’achat soit lisible</li> 1779<li><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"></span> Le fichier corresponde àl'un des formats suivants : jpg, png ou pdf</li> 1780<li><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"></span> Le(s) libellé(s) du/des produits acheté(s) soient lisibles, y compris le nom de la marque</li> 1781<li><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"></span> Que le montant d’achat du/des produits, ou du montant total de votre ticket de caisse soit lisible</li> 1782<li><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"></span> N'est pas flou </li> 1783<li><img class="me-2" src="/right.png" alt="" width="10px" height="12px"> Le produit n'ait pas été acheté en promotion (nos promotions sont non cumulables avec d'autres promotions en cours)</li> 1784</ul> 1785</div> 1786<div class="get_your_refund_modal_fotter text-center"> 1787<div class="get_your_refund_modal_fotter_content mt-4"> 1788<p>Un ticket de caisse ne peut être utilisé qu’une seule fois pour bénéficier d'une même offre.</p> 1789<p class="mb-0">Une fois le ticket de caisse transmis vous ne pourrez plus le réutiliser.</p> 1790<p>Si votre ticket de caisse est trop long, vous pouvez le plier afin que l’ensemble des informations citées soient lisibles.</p> 1791<div class="mt-3 mb-4 bottom_opera"> 1792<p>Conservez votre ticket de caisse.</p> 1793</div> 1794<div class="footer_button"><button class="btn contiunue_button photo_continue_button">Je continue</button></div> 1795<div class="my-3 link_text"><a data-bs-dismiss="modal" aria-label="Close">Je choisis une autre option</a></div> 1796</div> 1797</div></div> 1798 </div> 1799 <!-- Cashback upload button view End-->
1800 <div id="step-1-details" class="get_your_refund_upload_main loader-container text-center d-none"> 1801 <div id="load-success-message" role="status" aria-live="polite"> 1802 <div> 1803 <img src="https://libresse-images.essity.com/images-c5/896/662896/original/loader.gif" alt="Loading cashback popup..."/></div> 1804 1805 </div> 1806 </div> 1807 <!-- Cashback upload first error view start--> 1808 <div id="step-1-details" class="get_your_refund_upload_main first_Error_popup d-none"> 1809 <div class="first_Error_popup_first_popsign text-center mb-4" > 1810 1811 <h5 class="text-center">Oups, aucune offre applicable...</h5> 1812 </div> 1813 1814 <div class="get_your_refund_content_area text-center first_Error_popup_second_text"> 1815 <img src="/opps.png" width="75px" alt="opps icon" > 1816 <div class="fw-normal mt-3"> 1817 <h5 class="fw-normal text-center">Nous avons bien analysé votre ticket, mais n'avons trouvé aucune offre de remboursement en cours de validité applicable... Si votre ticket comprend bien un produit éligible, contactez nous !</h5> 1818 </div> 1819 </div> 1820 1821 <div class="get_your_refund_modal_fotter text-center "> 1822 <div class=" mb-lg-0 mb-md-2 mb-2 "> 1823 <div class="mt-3 bottom_opera"> 1824<p>Un produit n’a pas été identifié ?<br>Consulter notre FAQ pour en savoir plus</p> 1825</div> 1826<p> </p> 1827<div class=" link_text"><a href="#" title="Aller vers la FAQ">Aller vers la FAQ</a></div> 1828<p> </p> 1829 <div class="footer_button my-3 d-lg-flex d-md-flex d-sm-block justify-content-center align-items-center my-3 gap-3"> 1830 <button class="btn contiunue_button i_continue_again mb-3 mb-lg-0 mb-lg-0" >Je recommence</button> 1831 1832 1833 1834 <a href="/claim-form/" class="claimFormLink" aria-current="page" x-on:click="isShow = !isShow"> 1835 <button class="btn contiunue_button" >Formulaire de réclamation</button> 1836 </a> 1837 </div> 1838 </div> 1839 </div> 1840 1841 1842 </div> 1843 <!-- Cashback upload first error view start--> 1844 <!-- Cashback upload second error view start--> 1845 <div id="step-1-details" class="get_your_refund_upload_main second_Error_popup d-none"> 1846 <div class="mb-4 text-center "> 1847 <div class="get_your_refund_upload_main_textArea"> 1848 <img class="" width="85px" 1849 src="/opps.png" alt="Erreur de qualité d'image" role="img" aria-hidden="false"> 1850 <div> <h5 class="mt-4">Nous ne parvenons pas à<span class="text-pink"> lire votre fichier...</span></h5></div> 1851 </div> 1852 </div> 1853 1854 <div class="get_your_refund_content_area"> 1855 <h6 class="ms-2">Avant d'importer, assurez-vous que :</h6> 1856<p><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"></span> La photo de votre ticket de caisse n'est pas floue et correspond àl'un de ces formats : jpg, png ou pdf</p> 1857<p><span><img class="me-2" src="/right.png" alt="" width="10px" height="12px"> L</span>es éléments suivants soient clairement lisibles : libellé(s) du/des produits acheté(s), montant d’achat du/des produits, montant total, date d'achat.</p> 1858 </div> 1859 1860 <div class="get_your_refund_modal_fotter text-center d-lg-flex d-md-flex d-sm-block justify-content-center align-items-center my-3 gap-3"> 1861 <div class="mb-lg-0 mb-md-2 mb-3 "> 1862 <div class="footer_button"> 1863 <button class="btn contiunue_button i_continue_again " >Je recommence</button> 1864 </div> 1865 1866 </div> 1867 1868 <a href="/claim-form/" class="claimFormLink" aria-current="page" x-on:click="isShow = !isShow" tabindex="-1"> 1869 <button class="btn contiunue_button"> 1870 Formulaire de réclamation 1871 </button> 1872 </a> 1873 </div> 1874 1875 </div> 1876 <!-- Cashback upload second error view start--> 1877 <!-- Cashback upload third error view start-->
1878 <div id="step-1-details" class="get_your_refund_upload_main third_Error_popup third_error_popup_first_text we_cannot_read_file d-none"> 1879 <div class="we_cannot_read_file_first_text text-center mb-4"> 1880 <p>Votre ticket n'est pas conforme...</p> 1881 </div> 1882 1883 <div class="get_your_refund_content_area text-center we_cannot_read_file_second_text"> 1884 <div class="col-lg-9 m-auto"> 1885 <img src="/opps.png" width="80px" class="mb-3" alt="Erreur d'authentification"> 1886 <div> <p>Votre ticket n'a pas pu être authentifié pour l'une des raisons suivantes : </p> 1887<p><br>- Duplicata : votre ticket a déjàimporté auparavant (un seul import suffit, s'il n'a pas fonctionné, contactez nous !)<br>- Anomalies : votre ticket comporte des incohérences ou ne correspond pas àune offre de remboursement en cours de validité</p> 1888<p> </p> </div> 1889 </div> 1890 </div> 1891 1892 <div class="get_your_refund_modal_fotter text-center "> 1893 <div class="mb-lg-0 mb-md-2 mb-2 " > 1894 <div> <p>Pour en savoir plus sur nos <a href="#" title="conditions d’utilisations">conditions d'utilisation</a>, cliquez <a href="#" title="Contact">ici</a>.</p> 1895<p>Vous pouvez contacter notre service client via le formulaire de réclamation <a href="#" title="ici">ici</a>.</p></div> 1896 <div class="footer_button d-lg-flex d-md-flex d-sm-block justify-content-center align-items-center my-3 gap-3"> 1897 <button class="btn contiunue_button i_continue_again mb-lg-0 mb-md-2 mb-3" >Je recommence</button> 1898 1899 <a href="/claim-form/" class="claimFormLink" aria-current="page" x-on:click="isShow = !isShow" tabindex="-1"> 1900 <button class="btn contiunue_button"> 1901 Formulaire de réclamation 1902 </button> 1903 </a> 1904 </div> 1905 </div> 1906 </div> 1907 1908 </div> 1909 <!-- Cashback upload third error view start--> 1910 <!-- Cashback upload fourth error view start--> 1911 <div id="step-1-details" class="get_your_refund_upload_main fourth_error_popup_first_text d-none"> 1912 <div class="we_cannot_read_file_first_text text-center mb-4"> 1913 <p>Type de fichier non reconnu</p> 1914 </div> 1915 1916 <div class="get_your_refund_content_area text-center we_cannot_read_file_second_text"> 1917 <div class="col-lg-9 m-auto"> 1918 <img src="/opps.png" width="80px" class="mb-3" alt="Erreur de type de fichier"> 1919 <p>Le type de fichier ne correspond pas aux fichiers autorisés (.jpg, .png ou PDF uniquement).<br>Merci de réessayer d'ajouter votre preuve d'achat avec un autre type de fichier.</p> 1920 </div> 1921 </div> 1922 1923 <div class="get_your_refund_modal_fotter text-center"> 1924 <div class="get_your_refund_modal_fotter_content mt-4"> 1925 <div><p>Pour en savoir plus sur nos <a href="#" title="conditions d’utilisations">conditions d'utilisation</a>, cliquez <a href="#" title="Contact">ici</a>.</p> 1926<p>Vous pouvez contacter notre service client via le formulaire de réclamation <a href="#" title="ici">ici</a>.</p> </div> 1927 <div class="footer_button"> 1928 <button class="btn contiunue_button i_continue_again " >Je recommence</button> 1929 </div> 1930 1931 </div> 1932 </div> 1933 1934 </div> 1935 <!-- Cashback upload fourth error view start--> 1936 <!-- Cashback Duplicate Receipt error view start-->
1937 <div id="step-1-details" class="get_your_refund_upload_main fifth_Error_popup d-none"> 1938 <div class="get_your_refund_content_area text-center fifth_Error_popup_second_text"> 1939 <img src="/opps.png" width="75px" alt="Il semble que cette preuve d'achat ait déjàété ajoutée"> 1940 <h5 class="fw-normal mt-3"> 1941 <p>Il semble que cette preuve d'achat ait déjàété ajoutée, si votre première participation n'a pas pu être prise en compte, merci de nous contacter.</p> 1942 </h5> 1943 </div> 1944 1945 <div class="get_your_refund_modal_fotter text-center"> 1946 <div class="get_your_refund_modal_fotter_content mt-4"> 1947 <div class="footer_button d-lg-flex d-md-flex d-sm-block justify-content-center align-content-center my-3 gap-3"> 1948 <a href="/claim-form/" class="claimFormLink" aria-current="page" x-on:click="isShow = !isShow" tabindex="-1"> 1949 <button class="btn contiunue_button">Formulaire de réclamation</button> 1950 </a> 1951 1952 </div> 1953 </div> 1954 </div> 1955 1956 </div> 1957 <!-- Cashback Duplicate Receipt error view end--> 1958 <div id="step-1-details" class="cashback-screen-2 cashback-file-upload-success-screen d-none"> 1959 <div class="reductions_ligne_img pb-2"> 1960 <img src="/confirm-icon.png" alt="cofirm icon" /> 1961 </div> 1962 <div class="reductions_ligne_subtxt pb-2"> 1963 1964 <h5 class="">Super ! Votre preuve d'achat a bien été validée. <br>Vous pouvez bénéficier des remboursements indiqués ci-dessous :</h5> 1965 </div> 1966 <div class="web_reduction_table_main"> 1967 <div class="row head_view"> 1968 <div class="col-md-2 d-md-block d-none"></div> 1969 <div class="col-4 col-md-3"> 1970 <span class="arrow-icon"> 1971 <img src="/img/table_header_right_icon.png" alt="right sign icon" width="8" height="13"> 1972 </span> 1973 Marque 1974 </div> 1975 <div class="col-4 col-md-3"> 1976 <span class="arrow-icon"> 1977 <img src="/img/table_header_right_icon.png" alt="right sign icon" width="8" height="13"> 1978 </span> 1979 Nom 1980 </div> 1981 <div class="col-4 col-md-2" > 1982 <span class="arrow-icon"> 1983 <img src="/img/table_header_right_icon.png" alt="right sign icon" width="8" height="13"> 1984 </span> 1985 Remise 1986 </div> 1987 <div class="col-md-2 d-md-block d-none"></div> 1988 </div> 1989 <div id="bodylist_content_row"> 1990 </div> 1991 1992 1993 </div> 1994 <div class="web_reduction_listing_modal_fotter text-center"> 1995 <button type="submit" class="contiunue_button" id="cashback_list_confirmation" >Je continue</button> 1996 <div> <div class="mt-3 bottom_opera"> 1997<p>Un produit n’a pas été identifié ?<br>Consulter notre FAQ pour en savoir plus</p> 1998</div> 1999<p> </p> 2000<div class=" link_text"><a href="#" title="Aller vers la FAQ">Aller vers la FAQ</a></div> 2001<p> </p> </div> 2002 </div> 2003 </div> 2004 2005 <div id="step-2-details" class="cashback-screen-2 d-none "> 2006 <div class="screen-2-main"> 2007 <div class="head-view"> 2008 <img src="/bank-icon.png" alt="bank icon" /> 2009 <h6 class="p-0"> 2010 2011 </h6> 2012 </div> 2013 <div class="iban-form row"> 2014 <div class="iban-box col-12 col-md-6"> 2015 <label tabindex="0" aria-describedby="iban-desc">IBAN <span>*</span></label> 2016 <input id="iban-textfield" type="text" required autocomplete="on"/> 2017 <p id="ibanNumberRequireError" class="text-danger" role="alert" aria-live="polite">L'IBAN est requis</p> 2018 <p id="ibanNumberNotValid" class="text-danger" role="alert" aria-live="polite">L'IBAN n'est pas valide</p> 2019 </div> 2020 <div class="iban-box col-12 col-md-6"> 2021 <label tabindex="0" aria-describedby="iban-desc">BIC <span>*</span></label> 2022 <input id="bic-textfield" type="text" maxlength="11" required autocomplete="on" /> 2023 <p id="bicCodeRequireError" class="text-danger" role="alert" aria-live="polite">Le BIC est requis</p> 2024 </div> 2025 <div class="form-check iban-form_check_form col-12 col-md-8"> 2026 <label class="form-check-label" for="IBANCheck" tabindex="0" aria-describedby="iban-desc"> 2027 <input class="form-check-input" type="checkbox" value="" id="IBANCheck" aria-labelledby="iban_form_checkbox_text" tabindex="0">
2028 <span class="iban_form_checkbox_text" id="iban_form_checkbox_text" role="alert" aria-live="polite">J'enregistre mes informations bancaires en toute sécurité, pour faciliter mes prochains remboursements.</span> 2029 </label> 2030 </div> 2031 <div class="col-12 col-md-4"> 2032 <div class="checkobx-right-hint-text" tabindex="0"></div> 2033 </div> 2034 <div class="col-12"> 2035 <button type="submit" id="IBANFormBtn" class="contiunue_button btn_disabled">Je continue</button> 2036 </div> 2037 </div> 2038 <div class="details-view"> 2039 2040 <a href="/frequently-asked-questions/" aria-label="Frequently Asked Questions"> 2041 Frequently Asked Questions 2042 </a> 2043 2044 </div> 2045 </div> 2046 </div> 2047 2048 <div id="step-3-details" class="cashback-screen-3 d-none"> 2049 <div class="success_content d-none"> 2050 <div class="screen-3-main"> 2051 <h6 class="screen-3-title" >Confirmation</h6> 2052 <div><p>Votre demande de remboursement a bien été envoyée.</p> 2053<p>Un délai est nécessaire pour vous faire parvenir votre remboursement.</p> 2054<p> </p> 2055<p>Vous pouvez consulter son statut depuis votre profil depuis "Historique des remboursements".</p> 2056<p> </p> </div> 2057 <img src="/confirm-icon.png" alt="confirm-icon" /> 2058 </div> 2059 <div class="screen-3-action"> 2060 <button type="button" data-bs-dismiss="modal" > 2061 Je continue les économies 2062 </button> 2063 </div> 2064 </div> 2065 <div class="error_content d-none"> 2066 <div class="screen-3-main"> 2067 <h6 class="screen-3-title" >Erreur</h6> 2068 <div <p>Une ou plusieurs erreurs se sont produites, veuillez réessayer</p> </div> 2069 <img src="/errorIcon.png" alt="" aria-hidden="true" /> 2070 </div> 2071 <div class="screen-3-action"> 2072 <button type="button" data-bs-dismiss="modal"> 2073 Je continue les économies 2074 </button> 2075 </div> 2076 </div> 2077 <div class="error_content Max-userexceed d-none"> 2078 <div class="screen-3-main"> 2079 <h6 class="screen-3-title"> Limite d'utilisation maximum atteinte</h6> 2080 <div><p>Votre demande de remboursement a bien été envoyée.</p> 2081<p>Un délai est nécessaire pour vous faire parvenir votre remboursement.</p> 2082<p> </p> 2083<p>Vous pouvez consulter son statut depuis votre profil depuis "Historique des remboursements".</p> 2084<p> </p></div> 2085 <img src="/errorIcon.png" alt="" aria-hidden="true" /> 2086 </div> 2087 <div class="screen-3-action"> 2088 <button type="button" data-bs-dismiss="modal" > 2089 Je continue les économies 2090 </button> 2091 </div> 2092 </div> 2093 2094 2095 </div> 2096 <!-- end modal body --> 2097 </div> 2098 </div> 2099 2100 </div> 2101 </div> 2102 </div> 2103</div> 2104 2105 2106<!-- Button trigger modal --> 2107 2108<!-- 2nd take a pictures pop 2109<div class="modal fade" id="TakeApicturePop_Up" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 2110 <div class="modal-dialog modal-dialog-centered"> 2111 <div class="modal-content TakeApicturePop_Up_modal_content"> 2112 2113 <div class="modal-body"> 2114 <div class="TakeApicturePop_Up_body"> 2115 <div onclick="importData()" multiple accept=".png,.jpg" class="TakeApicturePop_Up_content d-flex justify-content-between align-items-center"> 2116 <h6></h6> 2117 <img src="./photo-file.png" width="30px" alt="" /> 2118 </div> 2119 <div id="load_camera" class="TakeApicturePop_Up_content d-flex justify-content-between align-items-center" data-bs-toggle="modal" data-bs-target="#webcameMain"> 2120 <h6></h6> 2121 <img src="./camera.png" width="30px" alt="" /> 2122 </div> 2123 <div class="TakeApicturePop_Up_content d-flex justify-content-between align-items-center" onclick="importFile()"> 2124 <h6> </h6> 2125 <img src="./file-folder.png" width="30px" alt="" /> 2126 </div> 2127 <div id="isFileImportedWeb" class="text-bold mt-2 "> File imported successfully. </div> 2128 <div class="g-recaptcha mt-4" data-callback="recaptchaCallbackmob" id="g-recaptchaid_mob" data-sitekey="6Lf-Jq4oAAAAAFZ-nXsZSsiv_CA9JMF_vZ9skhj6"></div> 2129 2130 2131 2132 </div> 2133 </div> 2134 2135 </div> 2136 </div> 2137</div> --> 2138<div class="modal fade" id="webcameMain" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> 2139 <div class="modal-dialog modal-lg modal-dialog-centered"> 2140 <div class="modal-content TakeApicturePop_Up_modal_content"> 2141 <div class="modal-header"> 2142 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" onclick="stopWebcam()"></button> 2143 </div> 2144 <div class="modal-body white-bg"> 2145 <div class="container" align="center"> 2146 <p><u>Prendre en photo votre ticket :</u></p> 2147 <div id="videoContainer"> 2148 <video id="videoElement" autoplay playsinline muted></video> 2149 </div> 2150 <input type="button" class="btn discount_button m-1" id="btnCapture" value="Prendre la photo" /> 2151 <div id="capturedcontent"> 2152 <p><u>Voici votre photo :</u></p> 2153 <img id="imagePreview" alt="Captured Image"> 2154 <div class="g-recaptcha mt-4" data-callback="recaptchaCallbackTakePic" id="g-recaptchaid_mob_takepic" data-sitekey="6Lf-Jq4oAAAAAFZ-nXsZSsiv_CA9JMF_vZ9skhj6"></div> 2155 <div><input type="button" class="btn discount_button m-1 btn_disabled" id="uploadcapturedimage" value="Envoyer ma photo pour vérification" data-bs-dismiss="modal" aria-label="Close" /></div> 2156 2157 2158 </div> 2159 2160 2161 2162 2163 <!--<table border="0" cellpadding="0" cellspacing="0" width="100%"> 2164 <tr> 2165 <th align="center"><u>Prendre en photo votre ticket :</u></th> 2166 </tr> 2167 <tr> 2168 <td style="text-align:-webkit-center"><div id="webcam"></div></td> 2169 </tr> 2170 <tr> 2171 <td align="center"> 2172 <input type="button" class="btn discount_button m-1" id="btnCapture" value="Prendre la photo" /> 2173 </td> 2174 </tr> 2175 </table> 2176 <table border="0" cellpadding="0" cellspacing="0" width="100%" id="capturedcontent"> 2177 <tr> 2178 <th align="center"><u>Voici votre photo :</u></th> 2179 </tr> 2180 <tr> 2181 <td style="text-align:center;width: 400px;max-width: 100%;"><img id="imgCapture" /></td> 2182 2183 </tr> 2184 <tr> 2185 <td align="center"><input type="button" class="btn discount_button m-1" id="uploadcapturedimage" value="Envoyer ma photo pour vérification" data-bs-dismiss="modal" aria-label="Close"/></td> 2186 </tr> 2187 </table>--> 2188 </div> 2189 2190 </div> 2191 2192 </div> 2193 </div> 2194</div> 2195 2196 2197 2198 2199 2200
2201<script> 2202 function stopWebcam() { 2203 let videoElement = document.getElementById('videoElement'); 2204 if (stream) { 2205 let tracks = stream.getTracks(); 2206 tracks.forEach(track => track.stop()); 2207 videoElement.srcObject = null; 2208 } 2209 } 2210 2211 2212 // number accessibility focus code 2213 2214 document.addEventListener("DOMContentLoaded", function () { 2215 document.querySelectorAll('.get_your_refund_number_process .number_div .text_content').forEach(function (el) { 2216 const stepDiv = el.closest('.col.text-center'); 2217 if (stepDiv && stepDiv.classList.contains('active')) { 2218 el.setAttribute('tabindex', '0'); 2219 } else { 2220 el.removeAttribute('tabindex'); 2221 } 2222 }); 2223 }); 2224 2225 document.addEventListener('DOMContentLoaded', function () { 2226 const closeLink = document.querySelector('a[data-bs-dismiss="modal"]'); 2227 2228 if (closeLink) { 2229 closeLink.setAttribute('tabindex', '0'); 2230 closeLink.addEventListener('keydown', function (e) { 2231 if (e.key === 'Enter') { 2232 const modalElement = closeLink.closest('.modal'); 2233 if (modalElement) { 2234 const modal = bootstrap.Modal.getInstance(modalElement) || new bootstrap.Modal(modalElement); 2235 modal.hide(); 2236 } 2237 } 2238 }); 2239 } 2240 }); 2241 2242 // Step number accessibility focus code 2243 function updateStepperTabIndex() { 2244 document.querySelectorAll('[id^="step-"]').forEach(function (step) { 2245 if (step.classList.contains('active')) { 2246 step.setAttribute('tabindex', '0'); 2247 } else if (step.classList.contains('disabled')) { 2248 step.setAttribute('tabindex', '-1'); 2249 } else { 2250 step.removeAttribute('tabindex'); 2251 } 2252 }); 2253 } 2254 document.addEventListener('DOMContentLoaded', function () { 2255 updateStepperTabIndex(); 2256 observeClassChanges(); 2257 }); 2258 2259 function observeClassChanges() { 2260 const stepElements = document.querySelectorAll('[id^="step-"]'); 2261 2262 stepElements.forEach(step => { 2263 const observer = new MutationObserver(mutations => { 2264 mutations.forEach(mutation => { 2265 if (mutation.attributeName === 'class') { 2266 updateStepperTabIndex(); 2267 } 2268 }); 2269 }); 2270 2271 observer.observe(step, { 2272 attributes: true, 2273 attributeFilter: ['class'] 2274 }); 2275 }); 2276 } 2277 2278</script>
2278 2279<style> 2280 2281 #ImportFileBtn:focus-visible { 2282 outline: dashed #fd7e14 !important; 2283 box-shadow: none !important; 2284 } 2285 2286 .g-recaptcha { 2287 text-align: center; 2288 text-align: -webkit-center; 2289 } 2290 2291 .btn_disabled { 2292 background: #999999 !important; 2293 border: 1px solid #999999 !important; 2294 cursor: not-allowed !important; 2295 pointer-events: none !important; 2296 } 2297 2298 2299 .recaptchaError { 2300 text-align: center; 2301 margin-top: 10px; 2302 font-size: 15px; 2303 } 2304 2305 /* second webcam css code */ 2306 2307 #videoContainer { 2308 display: flex; 2309 justify-content: center; 2310 margin-top: 20px; 2311 } 2312 2313 #videoElement { 2314 width: 100%; 2315 max-width: 640px; 2316 } 2317 2318 #controls { 2319 text-align: center; 2320 margin-top: 20px; 2321 } 2322 2323 #imagePreview { 2324 width: 100%; 2325 max-width: 640px; 2326 margin-top: 20px; 2327 } 2328 2329 /*second webcam css code end */ 2330 2331 #imgCapture { 2332 width: auto !important; 2333 height: 100% !important; 2334 margin: auto; 2335 max-width: 100%; 2336 object-fit: cover; 2337 } 2338 2339 #webcam video { 2340 width: 100% !important; 2341 height: auto !important; 2342 } 2343 2344 2345 #webcameMain .TakeApicturePop_Up_modal_content { 2346 height: 100vh; 2347 margin: 0px; 2348 } 2349 2350 2351 2352 /* ======== webCam ========= */ 2353 2354 .takeApicture_camrea video { 2355 width: 100%; 2356 height: 100%; 2357 background: rgba(0, 0, 0, 0.2); 2358 -webkit-transform: scaleX(-1); 2359 /* mirror effect while using front cam */ 2360 transform: scaleX(-1); 2361 /* mirror effect while using front cam */ 2362 } 2363 2364 .takeApicture_canvas #canvas { 2365 width: 100%; 2366 height: 100%; 2367 -webkit-transform: scaleX(-1); 2368 /* mirror effect while using front cam */ 2369 transform: scaleX(-1); 2370 /* mirror effect while using front cam */ 2371 } 2372 2373 #previewClick { 2374 display: none; 2375 } 2376 2377 .flip-btn { 2378 display: none; 2379 } 2380 2381 .hideCamera { 2382 position: relative; 2383 } 2384 2385 .cameraButtons { 2386 position: absolute; 2387 bottom: 0; 2388 left: 50%; 2389 transform: translate(-50%, -50%); 2390 } 2391 2392 /* ====================== */ 2393 2394 2395 2396 2397 2398 2399 .modal:nth-of-type(even) { 2400 z-index: 1062 !important; 2401 } 2402 2403 .modal-backdrop.show:nth-of-type(even) { 2404 /*z-index: 1061 !important;*/ 2405 } 2406 2407 #TakeApicturePop_Up .TakeApicturePop_Up_modal_content .TakeApicturePop_Up_body .TakeApicturePop_Up_content { 2408 border-bottom: 1.5px solid #c9c9c96e; 2409 padding: 15px 15px; 2410 } 2411 2412 .add_Zindex { 2413 z-index: 9; 2414 } 2415 2416 #TakeApicturePop_Up .TakeApicturePop_Up_modal_content .TakeApicturePop_Up_body .TakeApicturePop_Up_content:last-child { 2417 border-bottom: transparent; 2418 } 2419 2420 #TakeApicturePop_Up .TakeApicturePop_Up_modal_content .TakeApicturePop_Up_body .TakeApicturePop_Up_content > h6 { 2421 font-size: 1.5rem; 2422 margin-bottom: 0; 2423 } 2424 2425 .TakeApicturePop_Up_modal_content { 2426 border: none !important; 2427 border-radius: 1rem; 2428 margin: 0 1rem; 2429 } 2430 2431 .TakeApicturePop_Up { 2432 background-color: #0000005c !important; 2433 } 2434 2435 2436 2437 2438 2439 .TakeApicturePop_Up_content { 2440 cursor: pointer; 2441 } 2442 2443 .TakeApicturePop_Up_content:hover { 2444 /* background-color:#bababa4a; */ 2445 } 2446 2447 .get_your_refund_number_process > .row { 2448 /* padding:0 5rem; */ 2449 max-width: 560px; 2450 margin: auto; 2451 } 2452 2453 .get_your_refund .modal-dialog .modal-content .modal-header { 2454 background-color: #f50082; 2455 padding: 1.2rem 1.5rem; 2456 border-top-left-radius: 10px; 2457 border-top-right-radius: 10px; 2458 } 2459 2460 .get_your_refund .modal-dialog .modal-content { 2461 border-radius: 10px; 2462 } 2463 2464 .modal-body { 2465 padding: 0; 2466 } 2467 2468 .get_your_refund .modal-header .btn-close { 2469 width: 5px; 2470 height: 5px; 2471 padding: 10px 10px; 2472 background: #00005a url("/x.svg"); 2473 background-repeat: no-repeat; 2474 background-size: 25px; 2475 opacity: 1;
2476 } 2477 2478 2479 .get_your_refund_title_image { 2480 position: absolute; 2481 top: 1%; 2482 left: 47%; 2483 transform: translate(-50%, -50%); 2484 height: 58px; 2485 width: 45%; 2486 object-fit: contain; 2487 } 2488 2489 .get_your_refund_imagee_overText { 2490 color: #ffffff; 2491 position: absolute; 2492 top: 14px; 2493 left: 56%; 2494 transform: translate(-50%, -50%); 2495 font-size: 16px; 2496 font-weight: 700; 2497 rotate: 1deg; 2498 } 2499 /* get_your_refund_process_main section */ 2500 .get_your_refund .get_your_refund_process_main .get_your_refund_number_process .number_div { 2501 display: flex; 2502 align-items: center; 2503 justify-content: space-between; 2504 } 2505 2506 .right_image_icon img { 2507 opacity: 0.1; 2508 width: 37px; 2509 height: 59px; 2510 /* margin-bottom: 1rem; */ 2511 } 2512 2513 .right_image_icon { 2514 position: absolute; 2515 top: 0; 2516 right: -30px; 2517 opacity: 0.6; 2518 } 2519 2520 /* .number_div .right_image_icon > img:last-child { 2521 display:none; 2522 } 2523 */ 2524 2525 .get_your_refund_number_process .number_div .text_content > h1 { 2526 /* background-color: #00005a; */ 2527 background-color: #e6e6e6; 2528 width: 35px; 2529 height: 35px; 2530 font-size: 22px; 2531 font-weight: 600; 2532 margin: auto; 2533 border-radius: 50%; 2534 /* color: #ffffff; */ 2535 display: flex; 2536 align-items: center; 2537 justify-content: center; 2538 opacity: 0.6; 2539 } 2540 /* Active step css style */ 2541 .get_your_refund_number_process .active .number_div .text_content { 2542 cursor: pointer; 2543 } 2544 2545 .get_your_refund_number_process .active .number_div .text_content > h1 { 2546 font-weight: 700; 2547 background-color: #f50082; 2548 color: #FFFFFF; 2549 opacity: 1; 2550 } 2551 2552 .get_your_refund_number_process .active .number_div .text_content > p { 2553 font-weight: 700; 2554 color: #00005a; 2555 } 2556 2557 .get_your_refund_number_process .number_div .text_content > p { 2558 /* color: #00005a; */ 2559 font-size: 12px; 2560 /* font-weight: 600; */ 2561 /*cursor: pointer;*/ 2562 opacity: 0.6; 2563 } 2564 2565 /* get_your_refund_upload_main */ 2566 .get_your_refund_upload_main { 2567 padding-bottom: 2rem; 2568 background-color: #ecebeb; 2569 /* padding: 2.2rem 3rem; */ 2570 color: #00005a; 2571 border-radius: 0 0px 10px 10px; 2572 padding-top: 2rem; 2573 padding-left: 3rem; 2574 padding-right: 3rem; 2575 } 2576 2577 .get_your_refund_upload_button_section { 2578 border: 2px dashed #bbbbbbdb; 2579 border-radius: 10px; 2580 padding: 0.7rem 0 2rem 0px; 2581 margin-bottom: 2.2rem; 2582 } 2583 2584 .get_your_refund_upload_button_section .get_your_refund_upload_button .import_a_file, 2585 .get_your_refund_upload_button_section .get_your_refund_upload_button .take_a_picture { 2586 border: 1px solid #00005a47 !important; 2587 border-radius: 8px; 2588 color: #00005a; 2589 padding: 6px 3rem; 2590 font-size: 12px; 2591 font-weight: 600; 2592 margin-top: 4px; 2593 } 2594 2595 .get_your_refund_upload_main .get_your_refund_upload_button_section .get_your_refund_upload_icon > p { 2596 font-size: 1rem; 2597 font-weight: 700; 2598 } 2599 2600 2601 2602 /* get_your_refund_upload_main seciton */ 2603 2604 /* get_your_refund_content_area */ 2605 2606 .get_your_refund_content_area { 2607 background-color: #ffffff; 2608 border-radius: 16px; 2609 padding: 20px 26px; 2610 color: #00005a; 2611 } 2612 2613 .get_your_refund_content_area > h2, .get_your_refund_content_area > h6 { 2614 font-size: 1rem; 2615 font-weight: 600; 2616 margin-left: 8px; 2617 } 2618 2619 .get_your_refund_content_area ul > li { 2620 font-size: 12px; 2621 font-weight: 500; 2622 margin-bottom: 10px; 2623 display: flex; 2624 align-items: baseline; 2625 } 2626 2627 2628 2629 /* get_your_refund_modal_fotter */ 2630 .get_your_refund_modal_fotter .get_your_refund_modal_fotter_content { 2631 color: #00005a; 2632 padding: 0 5rem; 2633 } 2634 2635 .get_your_refund_modal_fotter .get_your_refund_modal_fotter_content > p, 2636 .bottom_opera { 2637 font-size: 10px; 2638 font-weight: 500; 2639 } 2640 2641 .contiunue_button { 2642 border-radius: 6px; 2643 font-size: 12px; 2644 font-weight: 600; 2645 min-height: 30px; 2646 transition: 0.5s ease; 2647 place-items: center; 2648 color: #ffffff; 2649 background-color: #00005a; 2650 padding: 0.375rem 3.5rem; 2651 } 2652 2653 .contiunue_button:hover { 2654 border: 1px solid #00005a; 2655 color: #00005a; 2656 background-color: transparent; 2657 } 2658 2659 .get_your_refund_modal_fotter .get_your_refund_modal_fotter_content .link_text > a { 2660 color: #00005a !important; 2661 font-size: 10px; 2662 font-weight: 500; 2663 text-decoration: underline; 2664 cursor: pointer; 2665 } 2666 /* Cashback screen 2 desing */ 2667 .cashback-screen-2 { 2668 background: #f3f3f3; 2669 border-radius: 0 0px 10px 10px; 2670 } 2671 2672 .screen-2-main { 2673 display: flex; 2674 flex-direction: column; 2675 justify-content: center; 2676 align-items: center; 2677 max-width: 667px; 2678 text-align: center; 2679 margin: auto; 2680 padding: 15px 15px 20px; 2681 } 2682 2683 .screen-2-main .head-view img { 2684 width: 50px; 2685 } 2686 2687 .screen-2-main .head-view h6 { 2688 font-size: 16px; 2689 color: #00005a; 2690 font-weight: 700; 2691 margin: 7px 0 15px; 2692 line-height: 25px; 2693 padding: 0px 15px; 2694 } 2695 2696 .iban-form .iban-box { 2697 border-radius: 10px; 2698 /* margin-bottom: 25px; */ 2699 margin-bottom: 20px; 2700 text-align: left; 2701 } 2702 2703 .iban-form .iban-box p { 2704 font-size: 13px; 2705 } 2706 2707 .iban-form .iban-box label { 2708 font-size: 14px; 2709 color: #00005a; 2710 font-weight: 600; 2711 padding-right: 10px; 2712 line-height: 35px; 2713 } 2714 2715 .iban-form .iban-box label span { 2716 color: #f50082; 2717 } 2718 2719 .iban-form .iban-box input { 2720 border-radius: 5px; 2721 border: 1px solid #9d9d9d; 2722 min-width: 100%; 2723 outline: none; 2724 box-shadow: 0px 0px 4px -2px #00005a; 2725 font-size: 14px; 2726 line-height: 30px; 2727 padding: 0 15px; 2728 color: #00005a; 2729 font-weight: 400; 2730 } 2731 2732 .iban-form .form-check .form-check-label .form-check-input { 2733 background-color: #b0bbd0; 2734 border-color: #b0bbd0; 2735 scale: 1.5; 2736 /* margin-top: 5px; */ 2737 margin-right: 14px 2738 } 2739 2740 .iban-form .form-check .form-check-label .form-check-input:checked { 2741 border-color: #f50082 !important; 2742 background-color: #f50082 !important; 2743 } 2744 2745 .iban-form .form-check .form-check-label { 2746 color: #00005a; 2747 font-size: 12px; 2748 font-weight: 400; 2749 display: flex; 2750 margin-bottom: 15px; 2751 cursor: pointer; 2752 margin-left: 8px; 2753 text-align: left; 2754 } 2755 2756 .iban-form .checkobx-right-hint-text { 2757 color: #00005a; 2758 font-size: 12px; 2759 font-weight: 400; 2760 text-align: right; 2761 cursor: pointer; 2762 margin-bottom: 15px; 2763 } 2764 2765 .iban-form button { 2766 padding: 7px 10px; 2767 font-size: 13px; 2768 font-weight: 600; 2769 background: #00005a; 2770 border-radius: 7px; 2771 color: #fff; 2772 min-width: 190px; 2773 border: 1px solid #00005a; 2774 } 2775 2776 .iban-form button:hover { 2777 border: 1px solid #00005a; 2778 color: #00005a; 2779 background-color: transparent; 2780 } 2781 2782 .screen-2-main .details-view { 2783 margin-top: 15px; 2784 color: #00005a; 2785 } 2786 2787 .screen-2-main .details-view h6 { 2788 font-size: 14px; 2789 font-weight: 600; 2790 margin-bottom: 3px 2791 } 2792 2793 .screen-2-main .details-view p { 2794 /* font-size: 13px; */ 2795 font-size: 14px; 2796 margin-bottom: 5px; 2797 } 2798 2799 .screen-2-main .details-view a { 2800 font-size: 12px; 2801 font-weight: 600; 2802 text-decoration: underline; 2803 } 2804 /* Cashback screen 3 design */ 2805 .cashback-screen-3 { 2806 max-width: 667px; 2807 display: flex; 2808 flex-direction: column; 2809 justify-content: center; 2810 align-items: center; 2811 margin: auto; 2812 padding: 0 20px 20px 20px; 2813 border-radius: 0 0px 10px 10px; 2814 } 2815 2816 .cashback-screen-3 .screen-3-main { 2817 /* padding: 30px 50px; */ 2818 padding: 30px 40px; 2819 background: #f3f3f3; 2820 text-align: center; 2821 } 2822 2823 .screen-3-main img { 2824 width: 90px; 2825 margin-top: 10px; 2826 } 2827 2828 .screen-3-main .screen-3-title { 2829 font-size: 18px; 2830 font-weight: 700; 2831 color: #00005a; 2832 } 2833 2834 .screen-3-main .screen-3-desc { 2835 font-size: 14px; 2836 /* font-weight: 500; */ 2837 color: #00005a; 2838 padding: 5px 15px 15px; 2839 } 2840 2841 .screen-3-main .screen-3-desc p { 2842 margin-bottom: 0px; 2843 } 2844 2845 .cashback-screen-3 .screen-3-action { 2846 display: flex; 2847 justify-content: center; 2848 margin: 30px auto 10px; 2849 } 2850 2851 .cashback-screen-3 .screen-3-action button { 2852 padding: 7px 10px !important; 2853 font-size: 13px; 2854 font-weight: 600; 2855 background: #00005a; 2856 border: 1px solid #00005a; 2857 border-radius: 7px; 2858 color: #fff; 2859 } 2860 2861 .cashback-screen-3 .screen-3-action button:hover { 2862 border: 1px solid #00005a; 2863 color: #00005a; 2864 background-color: transparent; 2865 } 2866 2867 2868 2869 2870 /* =========== media query=============== */ 2871 2872 2873 2874 #start-camera { 2875 width: 120px; 2876 padding: 10px; 2877 display: block; 2878 margin: 20px auto; 2879 border: 2px solid #111111; 2880 cursor: pointer; 2881 background-color: #ccc; 2882 margin-top: 50px; 2883 } 2884 2885 #click-photo { 2886 display: none; 2887 width: 120px; 2888 padding: 10px; 2889 margin: 20px auto; 2890 border: 2px solid #111111; 2891 cursor: pointer; 2892 background-color: #ccc; 2893 } 2894 2895 2896 #video { 2897 display: none; 2898 margin: 50px auto 0 auto; 2899 } 2900 2901 #click-photo { 2902 } 2903 2904 #dataurl-container { 2905 display: none; 2906 } 2907 2908 #canvas { 2909 display: block; 2910 margin: 0 auto 20px auto; 2911 } 2912 2913 #dataurl-header { 2914 text-align: center; 2915 font-size: 15px; 2916 } 2917 2918 #dataurl { 2919 display: block; 2920 height: 100px; 2921 width: 320px; 2922 margin: 10px auto; 2923 resize: none; 2924 outline: none; 2925 border: 1px solid #111111; 2926 padding: 5px; 2927 font-size: 13px; 2928 box-sizing: border-box; 2929 } 2930 2931 #capturedcontent { 2932 display: none; 2933 } 2934</style> 2935<style id="cashback-file-upload-success-screen"> 2936 .color-pink { 2937 color: #f50082; 2938 } 2939 2940 .cashback-file-upload-success-screen .reductions_ligne_img { 2941 display: flex; 2942 justify-content: center; 2943 } 2944 2945 .cashback-file-upload-success-screen .reductions_ligne_img img { 2946 height: 45px; 2947 } 2948 2949 .cashback-file-upload-success-screen { 2950 padding-bottom: 1rem; 2951 background-color: #f3f3f3; 2952 /* padding: 2.2rem 3rem; */ 2953 color: #00005a; 2954 border-radius: 0 0px 10px 10px; 2955 padding-top: 1rem; 2956 padding-left: 2rem; 2957 padding-right: 2rem; 2958 } 2959 /* Step-1 design */ 2960 2961 .cashback-file-upload-success-screen .web_reduction_table_main { 2962 background: #fff; 2963 border-radius: 15px; 2964 margin-top: 10px; 2965 } 2966 2967 .cashback-file-upload-success-screen .web_reduction_table_main .head_view { 2968 margin: 0; 2969 padding: 10px; 2970 background: #00005a; 2971 border-radius: 10px 10px 0px 0; 2972 color: #fff; 2973 font-size: 12px; 2974 font-weight: 700 2975 } 2976 2977 .cashback-file-upload-success-screen .web_reduction_table_main .head_view .arrow-icon { 2978 margin-right: 5px; 2979 } 2980 2981 .cashback-file-upload-success-screen .web_reduction_table_main .body_view { 2982 margin: 0; 2983 padding: 15px; 2984 border-bottom: 2px dotted #c6c6c6 2985 } 2986 2987 .cashback-file-upload-success-screen .web_reduction_table_main .body_view:last-child { 2988 border-bottom: 0; 2989 } 2990 2991 .cashback-file-upload-success-screen .web_reduction_table_main .body_view:nth-last-child(2) { 2992 border-bottom: 1.5px solid #00005a; 2993 } 2994 2995 .cashback-file-upload-success-screen .web_reduction_table_main .form-check-input[type=checkbox] { 2996 border: 1px solid #00005a; 2997 } 2998 2999 .cashback-file-upload-success-screen .web_reduction_table_main .form-check-input[type=checkbox]:checked { 3000 background-color: #f50082; 3001 color: #FFFFFF; 3002 border: 1px solid #f50082; 3003 box-shadow: none; 3004 scale: 1.1; 3005 } 3006 3007 .cashback-file-upload-success-screen .web_reduction_table_main .form-check-input[type=checkbox]:not(:checked) { 3008 box-shadow: none; 3009 scale: 1.1; 3010 } 3011 3012 .cashback-file-upload-success-screen .web_reduction_table_main .name_field { 3013 display: flex; 3014 flex-direction: column; 3015 justify-content: center; 3016 } 3017 3018 .cashback-file-upload-success-screen .web_reduction_table_main .name_field p { 3019 font-size: 15px; 3020 font-weight: 400; 3021 } 3022 3023 .web_reduction_table_main .name_field span { 3024 font-size: 10px; 3025 font-weight: 600; 3026 } 3027 3028 .cashback-file-upload-success-screen .web_reduction_table_main .validity_field { 3029 display: flex; 3030 align-items: center; 3031 font-size: 13px; 3032 font-weight: 500; 3033 } 3034 3035 .cashback-file-upload-success-screen .web_reduction_table_main .discount_field { 3036 color: #f50082; 3037 font-weight: 700; 3038 display: flex; 3039 align-items: center; 3040 font-size: 14px; 3041 } 3042 3043 3044 .cashback-file-upload-success-screen .reductions_ligne_txt { 3045 font-size: 18px; 3046 font-weight: bold; 3047 text-align: center; 3048 } 3049 3050 .cashback-file-upload-success-screen .reductions_ligne_subtxt { 3051 font-size: 14px; 3052 line-height: 1.2; 3053 text-align: center; 3054 } 3055 3056 .cashback-file-upload-success-screen .email_bottom_sub_txt { 3057 font-size: 12px; 3058 text-align: center; 3059 } 3060 3061 .cashback-file-upload-success-screen .web_reduction_listing_modal_fotter .details-view { 3062 margin-top: 15px; 3063 color: #00005a; 3064 } 3065 3066 .cashback-file-upload-success-screen .web_reduction_listing_modal_fotter .details-view h6 { 3067 font-size: 14px; 3068 font-weight: 600; 3069 margin-bottom: 3px; 3070 } 3071 3072 .cashback-file-upload-success-screen .web_reduction_listing_modal_fotter button { 3073 margin-top: 15px; 3074 } 3075 3076 .cashback-file-upload-success-screen .web_reduction_listing_modal_fotter .details-view p { 3077 /* font-size: 13
3077px; */ 3078 font-size: 14px; 3079 margin-bottom: 5px; 3080 } 3081 3082 .cashback-file-upload-success-screen .web_reduction_listing_modal_fotter .details-view a { 3083 font-size: 12px; 3084 font-weight: 600; 3085 text-decoration: underline; 3086 } 3087 /* Cashback screen 1 design end */ 3088</style>
3089<script integrity="sha384-gPHx4zWvDVF5CthJ6vImRtrzvQBgsvT+kCyRL95xIEJvFnANuUhrklWQOb07T5J+" crossorigin="anonymous" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/0.9.0/jquery.mask.min.js"></script>
3089 3090
3091<script id="rendered-js"> 3092 3093 3094 3095 function vidOff() { 3096 Webcam.reset(); 3097 }; 3098 3099 // accessibiltiy ScriptProcessorNode 3100 document.addEventListener("DOMContentLoaded", function () { 3101 const formBtn = document.getElementById("IBANFormBtn"); 3102 const alertBox = document.getElementById("ibanFormAlert"); 3103 3104 if (formBtn && formBtn.classList.contains("btn_disabled")) { 3105 alertBox.textContent = "Le bouton 'Je continue' est désactivé. Veuillez remplir tous les champs obligatoires pour continuer."; 3106 } 3107 }); 3108 const checkbox = document.getElementById('IBANCheck'); 3109 const label = document.getElementById('iban_form_checkbox_text'); 3110 3111 label.addEventListener('keydown', function (event) { 3112 if (event.key === 'Enter') { 3113 checkbox.checked = !checkbox.checked; // Toggle checkbox 3114 label.setAttribute('aria-checked', checkbox.checked.toString()); // Update aria-checked 3115 } 3116 }); 3117 3118 // Optional: sync aria-checked if changed via mouse 3119 checkbox.addEventListener('change', function () { 3120 label.setAttribute('aria-checked', checkbox.checked.toString()); 3121 }); 3122 3123 3124 3125 3126 3127 $(document).ready(function () { 3128 const $btn = $(".btn.contiunue_button.photo_continue_button"); 3129 3130 if ($btn.length) { 3131 3132 updateTabIndex($btn); 3133 3134 3135 const observer = new MutationObserver(function (mutations) { 3136 mutations.forEach(function (mutation) { 3137 if (mutation.attributeName === "class") { 3138 updateTabIndex($btn); 3139 } 3140 }); 3141 }); 3142 3143 observer.observe($btn[0], { 3144 attributes: true, 3145 attributeFilter: ['class'] 3146 }); 3147 } 3148 3149 function updateTabIndex($element) { 3150 if ($element.hasClass("btn_disabled")) { 3151 $element.attr("tabindex", "-1"); 3152 } else { 3153 $element.attr("tabindex", "0"); 3154 } 3155 } 3156}); 3157 3158 3159</script>
3159 3160
3161<script> 3162</script>
3162 3163 </div> 3164 <div id="webReductionDLG"> 3165 <div class="web_reduction_popup"> 3166 <div id="WebReductionPopup" class="modal fade" role="dialog"> 3167 <div class="modal-dialog modal-lg modal-dialog-centered"> 3168 <div class="modal-content"> 3169 <img src="/tag_popup.png" class="web_reduction_popup_title_image" alt="" aria-hidden="true" /> 3170 <div class="modal-header"> 3171 <button type="button" class="btn-close " data-bs-dismiss="modal" aria-label="Close"></button> 3172 </div> 3173 <div class="modal-body"> 3174 <div class="web_reduction_popup_process_main"> 3175 <div class="card-main row"> 3176 <div class="col-12 info-box"> 3177 <img src="/info-icon.png" alt="info icon" /> 3178 <span>L'un des produits sélectionnés est une réduction uniquement disponible sur les sites des marques</span> 3179 </div> 3180 <div class="col-6"> 3181 <div class="offer-card "> 3182 <img src="/print-icon.png" /> 3183 <p> 3184 Imprimer les bons de réduction 3185 </p> 3186 </div> 3187 </div> 3188 <div class="col-6"> 3189 <div class="offer-card "> 3190 <img src="/mail-icon.png" /> 3191 <p> 3192 Envoyer les bons de réduction par e-mail 3193 </p> 3194 </div> 3195 </div> 3196 <div class="col-6"> 3197 <div class="offer-card selected"> 3198 <img src="/discount-icon.png" /> 3199 <p> 3200 Accéder aux offres spéciales 3201 3202 </p> 3203 </div> 3204 </div> 3205 <div class="col-6 "> 3206 <div class="offer-card disabled"> 3207 <img src="/remboursement-icon.png" /> 3208 <p> 3209 Obtenir une offre spéciale 3210 3211 </p> 3212 </div> 3213 </div> 3214 </div> 3215 <button class="btn contiunue_button"> Je continue les économies</button> 3216 </div> 3217 </div> 3218 3219 </div> 3220 </div> 3221 </div> 3222</div> 3223 3224<style> 3225 .web_reduction_popup .modal.show .modal-dialog { 3226 max-width: 655px; 3227 } 3228 3229 .web_reduction_popup .modal-dialog .modal-content .modal-header { 3230 background-color: #f50082; 3231 padding: 1.2rem 1.5rem; 3232 border-top-left-radius: 10px; 3233 border-top-right-radius: 10px; 3234 } 3235 3236 .web_reduction_popup .modal-dialog .modal-content { 3237 border-radius: 10px; 3238 } 3239 3240 .web_reduction_popup .modal-body { 3241 padding: 0; 3242 } 3243 3244 .web_reduction_popup .modal-header .btn-close { 3245 width: 5px; 3246 height: 5px; 3247 padding: 10px 10px; 3248 background: #00005a url("/x.svg"); 3249 background-repeat: no-repeat; 3250 background-size: 25px; 3251 opacity: 1; 3252 } 3253 3254 .web_reduction_popup_title_image { 3255 position: absolute; 3256 top: 2%; 3257 left: 46%; 3258 transform: translate(-50%, -50%); 3259 height: 58px; 3260 width: 57%; 3261 object-fit: contain; 3262 } 3263 3264 .web_reduction_popup_process_main { 3265 margin: 15px; 3266 display: flex; 3267 flex-direction: column; 3268 } 3269 3270 .web_reduction_popup_process_main .card-main { 3271 display: flex; 3272 justify-content: center; 3273 } 3274 3275 .web_reduction_popup_process_main .card-main .info-box { 3276 border-radius: 6px; 3277 font-size: 10px !important; 3278 font-weight: 500; 3279 color: #ffffff; 3280 background-color: #2d2daf; 3281 padding: 7px 10px; 3282 display: flex; 3283 align-items: center; 3284 width: calc(100% - 50px); 3285 margin: 10px auto 20px; 3286 } 3287 3288 .web_reduction_popup_process_main .card-main .info-box img { 3289 width: 30px; 3290 height: 30px; 3291 margin-right: 5px; 3292 } 3293 3294 .web_reduction_popup_process_main .card-main .col-6 { 3295 width: auto; 3296 padding: 7px; 3297 } 3298 3299 .web_reduction_popup_process_main .offer-card { 3300 max-width: 140px; 3301 min-height: 140px; 3302 display: flex; 3303 flex-direction: column; 3304 justify-content: center; 3305 align-items: center; 3306 background: #f3f1ef; 3307 /* margin: 5px; */ 3308 border-radius: 7px; 3309 padding: 5px; 3310 text-align: center; 3311 border: 2px solid #f3f1ef; 3312 cursor: pointer; 3313 height: 100%; 3314 } 3315 3316 .web_reduction_popup_process_main .offer-card:hover { 3317 border: 2px solid #f50082; 3318 box-shadow: 6px 6px 15px 12px #f3f3f3; 3319 } 3320 .web_reduction_popup_process_main .offer-card.selected { 3321 border: 2px solid #f50082; 3322 box-shadow: 6px 6px 15px 12px #f3f3f3; 3323 } 3324 3325 .web_reduction_popup_process_main .offer-card.disabled{ 3326 background-color: #69696930; 3327 opacity: 0.6;
3328 cursor: not-allowed; 3329 } 3330 3331 .web_reduction_popup_process_main .offer-card.disabled:hover { 3332 border: 2px solid #f3f1ef; 3333 box-shadow: none; 3334 } 3335 3336 .web_reduction_popup_process_main .offer-card img { 3337 max-width: 50px; 3338 } 3339 3340 .web_reduction_popup_process_main .offer-card p { 3341 font-size: 12px; 3342 font-weight: 700; 3343 color: #00005a; 3344 margin-top: 10px; 3345 margin-bottom: 5px; 3346 } 3347 3348 .web_reduction_popup_process_main button { 3349 max-width: 250px; 3350 margin: 20px auto 10px; 3351 } 3352 /*Countinue button styles.*/ 3353 .contiunue_button { 3354 border-radius: 6px; 3355 font-size: 12px; 3356 font-weight: 600; 3357 min-height: 30px; 3358 transition: 0.5s ease; 3359 place-items: center; 3360 color: #ffffff; 3361 background-color: #00005a; 3362 padding: 0.375rem 3.5rem; 3363 } 3364 3365 .contiunue_button:hover { 3366 border: 1px solid #00005a; 3367 color: #00005a; 3368 background-color: transparent; 3369 } 3370 /* =========== media query=============== */ 3371 3372</style> 3373 </div> 3374 <div id="getYourDiscountDLG"> 3375 3376<div class="get_your_discount"> 3377 <div id="GetYourDiscountModal" class="modal fade" role="dialog" tabindex="0"> 3378 3379 <div class="modal-dialog modal-lg modal-dialog-centered"> 3380 <div class="modal-content"> 3381 <img src="/tag_popup.png" class="get_your_discount_title_image" alt="" aria-hidden="true" /> 3382 <div class="modal-header"> 3383 <button type="button" class="btn-close " data-bs-dismiss="modal" aria-label="Close"></button> 3384 </div> 3385 <div class="modal-body"> 3386 <div class="get_your_discount_process_main"> 3387 <!-- number process counter --> 3388 <div class="get_your_discount_number_process"> 3389 <div id="step-1" class="step-menu active"> 3390 <div class="number_div"> 3391 <div id="step-1-link" class="text_content"> 3392 <h1 class="text-center">1</h1> 3393 <p class="mt-1">Récapitulatif de mes Offres </p> 3394 </div> 3395 </div> 3396 <div class="right_image_icon"> 3397 <img src="/right-arrow.png" /> 3398 </div> 3399 </div> 3400 <div id="step-2" class="step-menu disabled"> 3401 <div class="number_div"> 3402 <div id="step-2-link" class="text_content"> 3403 <h1 class="text-center">2</h1> 3404 <p class="mt-1">Confirmation d'envoi</p> 3405 </div> 3406 </div> 3407 </div> 3408 </div> 3409 </div> 3410 </div> 3411 3412 <div id="step-1-details" class="cashback-screen-1 web_reduction_listing_upload_main"> 3413 <p class="reductions_ligne_txt">Vos offres</p> 3414 <p class="reductions_ligne_subtxt pb-2">Cliquez sur "Aller sur le site" pour profiter de vos offres spéciales !</p> 3415 <div class="web_reduction_table_main"> 3416 <div class="row head_view"> 3417 <div class="col-9 col-md-4 "> 3418 <div class="name_field_title"> 3419 <span class="arrow-icon"> 3420 <img src="/img/table_header_right_icon.png" alt="table header right icon" width="8" height="13"> 3421 </span> 3422 <span class="d-none d-md-block">Nom</span>
3423 <span class="d-block d-md-none">Nom</span> 3424 </div> 3425 </div> 3426 <div class="col-md-2 d-none d-md-flex date_field_title"> 3427 <span class="arrow-icon"> 3428 <img src="/img/table_header_right_icon.png" alt="table header right icon" width="8" height="13"> 3429 </span> 3430 Fin de validité 3431 </div> 3432 <div class="col-3 col-md-2 discount_field discount_field_title"> 3433 <span class="arrow-icon"> 3434 <img src="/img/table_header_right_icon.png" alt="table header right icon" width="8" height="13"> 3435 </span> 3436 Offre spéciale 3437 </div> 3438 <div class="col-md-2"></div> 3439 <div class="col-md-2"></div> 3440 </div> 3441 3442 <div id="selectedcouponcontainer"> </div> 3443 </div> 3444 <div class="web_reduction_listing_modal_fotter text-center"> 3445 <div class="web_reduction_listing_modal_fotter_content mt-4"> 3446 3447 <div class="footer_button row"> 3448 <div class="col-md-12 mb-2"> 3449 <button type="button" class="btn web_reductions_btn"> 3450 Terminer 3451 </button> 3452 </div> 3453 <div class="col-md-12"> 3454 <button type="button" class="btn web_reductions_listing_email_btn"> 3455 Je me les envoie par email 3456 </button> 3457 </div> 3458 </div> 3459 </div> 3460 </div> 3461 </div> 3462 <div id="step-2-details" class="cashback-screen-2 d-none"> 3463 <div class="screen-2-main saveconfirmmessage d-none"> 3464 <h6 class="screen-2-title">Confirmation d'envoi</h6> 3465<div class="screen-2-desc"> 3466<p>Vos réductions ont été enregistrées dans votre profil</p> 3467</div> 3468 <img src="/confirm-icon.png" /> 3469 </div> 3470 <div class="screen-2-main emailconfirmmessage d-none"> 3471 <h6 class="screen-2-title">Confirmation d'envoi</h6> 3472<div> 3473<p>Vos réductions ont été envoyées àl’adresse e-mail utilisée lors de la création du compte.</p> 3474</div> 3475 <img src="/confirm-icon.png" /> 3476 </div> 3477 <div class="screen-2-action"> 3478 <button data-bs-dismiss="modal" aria-label="Close"> 3479 Je continue les économies 3480 </button> 3481 </div> 3482 </div> 3483 <!-- end modal body --> 3484 </div> 3485 </div> 3486 3487 </div> 3488</div> 3489</div> 3490</div> 3491 3492<style> 3493 3494 :root { 3495 --blue: #00005a; 3496 --pink: #f50082; 3497 } 3498 3499 .get_your_discount .modal-dialog { 3500 max-width: 870px; 3501 } 3502 3503 .get_your_discount .get_your_discount_number_process > .row { 3504 /* padding:0 5rem; */ 3505 max-width: 560px; 3506 margin: auto; 3507 } 3508 3509 .get_your_discount .modal-dialog .modal-content .modal-header { 3510 background-color: #f50082; 3511 padding: 1.2rem 1.5rem; 3512 border-top-left-radius: 10px; 3513 border-top-right-radius: 10px; 3514 } 3515 3516 3517 3518 .get_your_discount .modal-body { 3519 padding: 0.5rem 1rem; 3520 } 3521 3522 .get_your_discount .modal-dialog .modal-content { 3523 border-radius: 10px; 3524 } 3525 3526 3527
3528 .get_your_discount .modal-header .btn-close { 3529 width: 5px; 3530 height: 5px; 3531 padding: 10px 10px; 3532 background: #00005a url("/x.svg"); 3533 background-repeat: no-repeat; 3534 background-size: 25px; 3535 opacity: 1; 3536 } 3537 3538 3539 3540 3541 3542 .get_your_discount .get_your_discount_title_image { 3543 position: absolute; 3544 top: 1%; 3545 left: 47%; 3546 transform: translate(-50%, -50%); 3547 height: 58px; 3548 width: 45%; 3549 object-fit: contain; 3550 } 3551 3552 3553 3554 .get_your_discount .get_your_discount_imagee_overText { 3555 color: #ffffff; 3556 position: absolute; 3557 top: 14px; 3558 left: 56%; 3559 transform: translate(-50%, -50%); 3560 font-size: 16px; 3561 font-weight: 700; 3562 rotate: 1deg; 3563 } 3564 /* get_your_discount_process_main section */ 3565 .get_your_discount .get_your_discount_number_process { 3566 display: flex; 3567 align-items: center; 3568 justify-content: center; 3569 margin: 10px auto; 3570 text-align: center; 3571 } 3572 3573 3574 3575 .get_your_discount .get_your_discount_process_main .step-menu { 3576 display: flex; 3577 align-items: center; 3578 } 3579 3580 .get_your_discount .get_your_discount_process_main .get_your_discount_number_process .number_div { 3581 display: flex; 3582 align-items: center; 3583 justify-content: space-between; 3584 } 3585 3586 3587 3588 .get_your_discount .right_image_icon img { 3589 opacity: 0.1; 3590 width: 40px; 3591 height: 50px; 3592 } 3593 3594 3595 3596 .get_your_discount .get_your_discount_number_process .number_div .text_content > h1 { 3597 background-color: #00005a; 3598 width: 35px; 3599 height: 35px; 3600 font-size: 22px; 3601 font-weight: 600; 3602 margin: auto; 3603 border-radius: 50%; 3604 color: #ffffff; 3605 display: flex; 3606 align-items: center; 3607 justify-content: center; 3608 /*cursor: pointer;*/ 3609 } 3610 3611 .get_your_discount .web_reduction_table_main .form-check-input { 3612 display: none; 3613 } 3614 /* Active step css style */ 3615 .get_your_discount .get_your_discount_number_process .active .number_div .text_content { 3616 cursor: pointer; 3617 } 3618 3619 3620 3621 .get_your_discount .get_your_discount_number_process .active .number_div .text_content > h1 { 3622 font-weight: 700; 3623 background-color: #f50082; 3624 } 3625 3626 .get_your_discount .get_your_discount_number_process .active .number_div .text_content > p { 3627 font-weight: 700; 3628 padding: 0px 20px; 3629 } 3630 3631 3632 3633 3634 3635 /* Disable step css style */ 3636 .get_your_discount .get_your_discount_number_process .disabled .number_div .text_content > h1 { 3637 background-color: #e1e1e1; 3638 color: #8f8f8f; 3639 } 3640 3641 3642 3643 .get_your_discount .get_your_discount_number_process .disabled .number_div .text_content > p { 3644 color: #8f8f8f; 3645 } 3646 3647 3648 3649 .get_your_discount .get_your_discount_number_process .number_div .text_content > p { 3650 color: #00005a; 3651 font-size: 14px; 3652 font-weight: 600; 3653 /*cursor: pointer;*/ 3654 } 3655 3656 3657 3658 .get_your_discount .get_your_discount_number_process .right_image_icon { 3659 padding: 0 10px; 3660 } 3661 3662 3663 3664 .get_your_discount .contiunue_button { 3665 border-radius: 6px; 3666 font-size: 12px; 3667 font-weight: 600; 3668 min-height: 30px; 3669 transition: 0.5s ease; 3670 place-items: center; 3671 color: #ffffff; 3672 background-color: #00005a; 3673 padding: 0.375rem 3.5rem; 3674 } 3675 3676 3677 3678 .get_your_discount .contiunue_button:hover { 3679 border: 1px solid #00005a; 3680 color: #00005a; 3681 background-color: transparent; 3682 } 3683 /* Step-1 design */ 3684 3685 3686 3687 .get_your_discount .web_reduction_table_main { 3688 background: #fff; 3689 border-radius: 15px; 3690 margin-top: 10px; 3691 } 3692 3693 3694 3695 .get_your_discount .web_reduction_table_main .head_view { 3696 margin: 0; 3697 padding: 10px; 3698 background: #00005a; 3699 border-radius: 10px 10px 0px 0; 3700 color: #fff; 3701 font-size: 12px; 3702 font-weight: 600; 3703 } 3704 3705 3706 3707 .get_your_discount .web_reduction_table_main .head_view .arrow-icon { 3708 margin-right: 5px; 3709 display: felx; 3710 align-items: center; 3711 } 3712 3713 .get_your_discount .web_reduction_table_main .body_view { 3714 margin: 0; 3715 padding: 10px 7px; 3716 border-bottom: 2px dotted #c6c6c6 3717 } 3718 3719 .get_your_discount .web_reduction_table_main .body_view:last-child { 3720 border-bottom: 0; 3721 } 3722 3723 .get_your_discount .web_reduction_table_main .check_box_field { 3724 display: flex; 3725 margin: auto 0; 3726 max-width: 40px 3727 } 3728 3729 3730 3731 .get_your_discount .web_reduction_table_main .form-check-input[type=checkbox] { 3732 border: 1px solid #00005a; 3733 } 3734 3735 3736 3737 .get_your_discount .web_reduction_table_main .form-check-input[type=checkbox]:checked { 3738 background-color: #f50082; 3739 color: #FFFFFF; 3740 border: 1px solid #f50082; 3741 box-shadow: none; 3742 scale: 1.1; 3743 } 3744 3745 3746 3747 .get_your_discount .web_reduction_table_main .form-check-input[type=checkbox]:not(:checked) { 3748 box-shadow: none; 3749 scale: 1.1; 3750 } 3751 3752 3753 3754 .get_your_discount .web_reduction_table_main .name_field_title { 3755 margin-left: 0px; 3756 display: flex; 3757 } 3758 3759 3760 3761 .get_your_discount .web_reduction_table_main .date_field_title { 3762 padding-left: 0; 3763 } 3764 3765 .get_your_discount .web_reduction_table_main .name_field { 3766 display: flex; 3767 align-items: center; 3768 } 3769 3770 .get_your_discount .web_reduction_table_main .name_field .details-data { 3771 margin-left: 15px; 3772 display: flex; 3773 flex-direction: column; 3774 justify-content: center 3775 } 3776 3777 .get_your_discount .web_reduction_table_main .name_field .details-data p { 3778 font-size: 15px; 3779 font-weight: 400; 3780 line-height: 20px 3781 } 3782 3783 3784 3785 .get_your_discount .web_reduction_table_main .name_field .details-data span { 3786 font-size: 10px; 3787 font-weight: 600; 3788 } 3789 3790 3791 3792 .get_your_discount .web_reduction_table_main .validity_field { 3793 display: flex; 3794 align-items: center; 3795 font-size: 13px !important; 3796 font-weight: 500; 3797 } 3798 3799 3800 3801 .get_your_discount .web_reduction_table_main .discount_field_title { 3802 padding-left: 0; 3803 } 3804 3805 .get_your_discount .web_reduction_table_main .discount_field { 3806 display: flex; 3807 align-items: center; 3808 max-width: 90px; 3809 } 3810 3811 3812 3813 .get_your_discount .web_reduction_table_main .discount_field p { 3814 color: #f50082; 3815 font-weight: 700; 3816 font-size: 14px; 3817 } 3818 3819 3820 3821 .get_your_discount .web_reduction_table_main .coupon_field { 3822 min-width: 170px; 3823 } 3824 3825 .get_your_discount .web_reduction_table_main .coupon_field .coupon_field_button { 3826 display: flex; 3827 margin: auto; 3828 border: 1.5px solid #d7d8d9; 3829 border-radius: 5px; 3830 padding: 7px 15px; 3831 font-size: 12px; 3832 text-align: center; 3833 justify-content: center; 3834 font-weight: 600; 3835 background: transparent; 3836 color: #00005a; 3837 min-width: 145px; 3838 } 3839 3840 3841 3842 .get_your_discount .web_reduction_table_main .coupon_field img { 3843 margin-right: 10px; 3844 width: 17px; 3845 height: 17px; 3846 } 3847 3848 3849 3850 .get_your_discount .web_reduction_table_main .link_field { 3851 display: flex; 3852 margin: auto 0; 3853 justify-content: center; 3854 font-weight: 600; 3855 align-items: center; 3856 } 3857 3858 .get_your_discount .web_reduction_table_main .external_link_txt { 3859 display: flex; 3860 } 3861 3862 .get_your_discount .web_reduction_table_main .link_field img { 3863 margin-right: 10px; 3864 width: 15px; 3865 height: 15px; 3866 } 3867 3868 3869 3870 .get_your_discount .web_reduction_table_main .link_field a { 3871 color: #00005a; 3872 font-size: 12px; 3873 } 3874 3875 .get_your_discount .web_reduction_listing_upload_main { 3876 padding-bottom: 1rem; 3877 background-color: #f3f3f3; 3878 /* padding: 2.2rem 3rem; */ 3879 color: #00005a; 3880 border-radius: 0 0px 10px 10px; 3881 padding-top: 1rem; 3882 padding-left: 15px; 3883 padding-right: 15px; 3884 } 3885 3886 3887 3888 .get_your_discount .reductions_ligne_txt { 3889 /* display: table; */ 3890 /* margin: 3.5rem auto 0; */ 3891 /* margin: 0 auto; */ 3892 /* font-size: 2rem; /* 20px / 10px = 2rem */ 3893 font-size: 18px; 3894 font-weight: bold; 3895 text-align: center; 3896 } 3897 3898 3899 3900 .get_your_discount .reductions_ligne_subtxt { 3901 font-size: 14px; 3902 line-height: 1.2; 3903 text-align: center; 3904 } 3905 3906 3907 3908 .get_your_discount .reductions_ligne_subtxt_3 { 3909 font-size: 11px; 3910 text-align: center; 3911 margin-top: 10px; 3912 } 3913 3914 3915 3916 .get_your_discount .email_bottom_sub_txt { 3917 font-size: 12px; 3918 text-align: center; 3919 } 3920 3921 3922 3923 .get_your_discount .web_reductions_btn { 3924 border: 1px solid #00005a47; 3925 border-radius: 8px; 3926 color: #fff; 3927 background: #00005a; 3928 padding: 6px; 3929 font-size: 12px; 3930 font-weight: 700; 3931 margin-top: 4px; 3932 width: 230px; 3933 } 3934 3935 3936 3937 .get_your_discount .web_reductions_listing_email_btn { 3938 border: 1px solid #00005a47; 3939 border-radius: 8px; 3940 color: #00005a; 3941 padding: 6px; 3942 font-size: 12px; 3943 font-weight: 700; 3944 margin-top: 4px; 3945 width: 230px; 3946 } 3947 3948 3949 3950 .get_your_discount .external_link_wrapper .external_link_txt a { 3951 color: #00005a; 3952 } 3953 3954 3955 3956 .get_your_discount .web_reduction_listing_modal_fotter .web_reduction_listing_modal_fotter_content { 3957 color: #00005a; 3958 margin-bottom: 10px; 3959 /* padding: 0 5rem; */ 3960 } 3961 3962 3963 3964 /* Cashback screen 1 design end */ 3965 3966 3967 3968 /* Cashback screen 2 design */ 3969 .get_your_discount .cashback-screen-2 { 3970 display: flex; 3971 flex-direction: column; 3972 justify-content: center; 3973 align-items: center; 3974 margin: auto; 3975 padding: 0 20px 20px 20px; 3976 border-radius: 0 0px 10px 10px; 3977 width: calc(100% - 50px); 3978 } 3979 3980 3981 3982 .get_your_discount .cashback-screen-2 .screen-2-main { 3983 padding: 30px 50px; 3984 background: #f3f3f3; 3985 text-align: center; 3986 border-radius: 15px; 3987 margin-bottom: 20px; 3988 width: 100%; 3989 } 3990 3991 3992 3993 .get_your_discount .screen-2-main img { 3994 width: 90px; 3995 margin-top: 10px; 3996 } 3997 3998 3999 4000 .get_your_discount .screen-2-main .screen-2-title { 4001 font-size: 18px; 4002 font-weight: 700; 4003 color: #00005a; 4004 } 4005 4006 4007 4008 .get_your_discount .screen-2-main .screen-2-desc { 4009 font-size: 14px; 4010 font-weight: 400; 4011 color: #00005a; 4012 padding: 5px 15px 15px; 4013 max-width: 330px; 4014 margin: auto; 4015 } 4016 4017 4018 4019 .get_your_discount .screen-3-main .screen-2-desc p { 4020 margin-bottom: 0px; 4021 } 4022 4023 4024 4025 .get_your_discount.cashback-screen-2 .screen-2-action { 4026 display: flex; 4027 justify-content: center; 4028 margin: 30px auto 10px; 4029 } 4030 4031 4032 4033 .get_your_discount .cashback-screen-2 .screen-2-action button { 4034 padding: 7px 10px; 4035 font-size: 13px; 4036 font-weight: 600; 4037 background: #00005a; 4038 border: 0; 4039 border-radius: 7px; 4040 color: #fff; 4041 } 4042 4043 4044 4045 /* =========== media query=============== */ 4046 4047 4048 4049 4050</style>
4051<script> 4052</script>
4052 4053 </div> 4054 <div id="getYourPrintDLG"> 4055 4056<div class="print_option_popup"> 4057 <div id="PrintOptionModal" class="modal fade p-0" role="dialog" tabindex="0"> 4058 <div class="modal-dialog modal-lg modal-dialog-centered"> 4059 <div class="modal-content" tabindex="0"> 4060 <img src="https://libresse-images.essity.com/images-c5/889/662889/optimized-AzurePNG4K/tag-popup.png" class="print_option_popup_title_image print_option_popup_title_image_inMobile" alt="" aria-hidden="true" /> 4061 <div class="modal-header"> 4062 <button type="button" class="btn-close " data-bs-dismiss="modal" aria-label="Close" tabindex="0"></button> 4063 </div> 4064 4065 <div class="modal-body printt_body"> 4066 <div class="print_option_popup_process_main"> 4067 <!-- number process counter --> 4068 <div class="print_option_popup_number_process"> 4069 <div id="step-1" class="step-menu active"> 4070 <div class="number_div"> 4071 <div id="step-1-link" class="text_content"> 4072 <h1 class="text-center">1</h1> 4073 <p class="mt-1">Obtenir mes réductions</p> 4074 </div> 4075 </div> 4076 <div class="right_image_icon position-static"> 4077 <img src="/right-arrow.png" alt="right icon" /> 4078 </div> 4079 </div> 4080 <div id="step-2" class="step-menu disabled"> 4081 <div class="number_div"> 4082 <div id="step-2-link" class="text_content"> 4083 <h1 class="text-center">2</h1> 4084 <p id="success_step" class="mt-1">Instructions / Confirmation</p> 4085 </div> 4086 </div> 4087 </div> 4088 </div> 4089 </div> 4090 </div> 4091 4092 <div id="step-1-details" class="print_option_popup_main"> 4093 <div class="card mb-3 print_option_card_main border-0"> 4094 <div class="row g-0"> 4095 <div class="col-md-5 d-none d-sm-block"> 4096 <img src="https://libresse-images.essity.com/images-c5/891/662891/optimized-AzurePNG4K/print-option-img-desktop.png" class="print_option_img" alt="Printer Image"> 4097 </div> 4098 <div class="col-md-5 d-block d-sm-none"> 4099 <img src="https://libresse-images.essity.com/images-c5/890/662890/optimized-AzurePNG4K/print-option-img-mobile.png" class="print_option_img" alt="" aria-hidden="true"> 4100 </div> 4101 <div class="col-md-7"> 4102 <div class="card-body print_option_card_body"> 4103 <h2 class="card-title print_option_card_title_txt"> 4104 Souhaitez-vous les imprimer maintenant ?</ h2 > 4105 <div class="warning_txt_wrapper my-4"> 4106<p><img src="/media/3gijcvxy/info-icon.png?rmode=max&width=90&height=90" alt="" width="90" height="90"></p> 4107<p class="warning_txt">Le lien d'impression est àusage unique, les bons ne peuvent être imprimés qu'une seule fois. Soyez donc sûr(e) de pouvoir les imprimer avant de cliquer sur le bouton "j'imprime maintenant".</p> 4108</div> 4109<p class="card-text vous_imprimer_heading_sub_txt pb-3"><span class="fw-700">Avant d’imprimer</span>, vérifiez si votre imprimante :</p> 4110<ul class="dashed_number_list"> 4111<li>est <span class="fw-700">connectée</span></li> 4112<li>dispose d’<span class="fw-700">assez d’encre</span></li> 4113<li>dispose d’<span class="fw-700">
4113assez de papier</span></li> 4114</ul> 4115 </div> 4116 </div> 4117 </div> 4118 </div> 4119 <div class="print_option_popup_footer_wrapper"> 4120 <p class="print_option_footer_subtxt pb-4">Une fois que vous avez ouvert la fenêtre d'impression, veillez àbien imprimer les bons immédiatement.</p> 4121<ul class="list-unstyled"> 4122<li class="print_option_footer_list_subtxt pb-2"><span><img class="me-2 list_pink_right_arrow" src="/right.png" alt="List Arrow"></span> Un seul code est utilisable par achat.</li> 4123<li class="print_option_footer_list_subtxt pb-2"><span><img class="me-2 list_pink_right_arrow" src="/right.png" alt="List Arrow"></span> Les photocopies ne sont pas acceptées.</li> 4124</ul> 4125 <div class="web_reduction_listing_modal_fotter text-center"> 4126 <div class="web_reduction_listing_modal_fotter_content mt-4"> 4127 <div class="footer_button row"> 4128 <div class="col-md-12"> 4129 <button type="button" class="btn printing_now_btn"> 4130 J’imprime maintenant 4131 </button> 4132 </div> 4133 <div class="col-md-12 my-3"> 4134 <p class="print_option_footer_txt">Vous n'êtes pas sûr(e) de pouvoir imprimer maintenant ?</p> 4135 </div> 4136 <div class="col-md-12"> 4137 <button type="button" class="btn web_print_listing_email_btn"> 4138 Je me les envoie par email 4139 </button> 4140 </div> 4141 </div> 4142 </div> 4143 </div> 4144 </div> 4145 </div> 4146 <div id="step-2-details" class="print-option-screen-2 d-none pt-2"> 4147 <div class="print_option_screen_2_main"> 4148 4149 <div clas="screen_2_body"> 4150 <h2 id="success_title" class="screen-2-title d-none">Confirmation</h2> 4151 <h2 id="error-title" class="screen-2-title d-none">Oups !</h2> 4152 <div id="error-message" class="screen-2-desc d-none"> 4153 <p>Oups, il semble que vous avez déjàbénéficié de l'offre 12 fois, le maximum autorisé,</p> 4154<p> </p> 4155<p>RDV sur la page "Réductions & Remboursements" pour bénéficier des autres offres encore disponibles sur le site !</p> 4156 </div> 4157 <div id="success-message" class="screen-2-desc d-none"> 4158 <p>Vous avez bien eu accès àl'une ou plusieurs de nos réductions imprimables.</p> 4159 </div> 4160 <div id="loading-success-message" class="screen-2-desc d-none"> 4161 4162 </div> 4163 <img id="success-icon" class="d-none" src="/confirm-icon.png" /> 4164 <img id="error-icon" class="d-none popuperroricon" src="/errorIcon.png" /> 4165 </div> 4166 4167 </div> 4168 <div class="screen-2-action text-center"> 4169 <button data-bs-dismiss="modal" aria-label="Close"> 4170 Je continue les économies 4171 </button> 4172 </div> 4173 <!-- end modal body --> 4174 </div> 4175 </div> 4176 4177 </div> 4178 </div> 4179</div> 4180 4181<style> 4182 /* START PRINT OPTION POPUP */ 4183 :root { 4184 --blue: #00005a; 4185 --pink: #f50082; 4186 } 4187 4188 .print_option_popup .modal-dialog { 4189 max-width: 870px; 4190 } 4191 4192 .print_option_popup .modal-dialog.step-2-container { 4193 max-width: 675px 4194 } 4195 4196 .print_option_popup .print_option_popup_number_process > .row { 4197 /* padding:0 5rem; */ 4198 max-width: 560px; 4199 margin: auto; 4200 } 4201
4202 .print_option_popup .modal-dialog .modal-content .modal-header { 4203 background-color: #f50082; 4204 padding: 1.2rem 1.5rem; 4205 border-top-left-radius: 10px; 4206 border-top-right-radius: 10px; 4207 } 4208 4209 .print_option_popup .modal-dialog .modal-content { 4210 border-radius: 10px; 4211 } 4212 4213 .print_option_popup .modal-header .btn-close { 4214 width: 5px; 4215 height: 5px; 4216 padding: 10px 10px; 4217 background: #00005a url("/x.svg"); 4218 background-repeat: no-repeat; 4219 background-size: 25px; 4220 opacity: 1; 4221 } 4222 4223 4224 .print_option_popup .print_option_popup_title_image { 4225 position: absolute; 4226 top: 1%; 4227 left: 47%; 4228 transform: translate(-50%, -50%); 4229 height: 58px; 4230 width: 45%; 4231 object-fit: contain; 4232 } 4233 4234 .print_option_popup .print_option_popup_imagee_overText { 4235 color: #ffffff; 4236 position: absolute; 4237 top: 14px; 4238 left: 56%; 4239 transform: translate(-50%, -50%); 4240 font-size: 16px; 4241 font-weight: 700; 4242 rotate: 1deg; 4243 } 4244 /* print_option_popup_process_main section */ 4245 .print_option_popup .print_option_popup_number_process { 4246 display: flex; 4247 align-items: center; 4248 justify-content: center; 4249 margin: 10px auto; 4250 text-align: center; 4251 } 4252 4253 .print_option_popup .print_option_popup_process_main .step-menu { 4254 display: flex; 4255 align-items: center; 4256 } 4257 4258 .print_option_popup .print_option_popup_process_main .print_option_popup_number_process .number_div { 4259 display: flex; 4260 align-items: center; 4261 justify-content: space-between; 4262 } 4263 4264 .print_option_popup .right_image_icon img { 4265 opacity: 0.1; 4266 width: 40px; 4267 height: 50px; 4268 } 4269 4270 .print_option_popup .print_option_popup_number_process .number_div .text_content > h1 { 4271 background-color: #00005a; 4272 width: 35px; 4273 height: 35px; 4274 font-size: 22px; 4275 font-weight: 600; 4276 margin: auto; 4277 border-radius: 50%; 4278 color: #ffffff; 4279 display: flex; 4280 align-items: center; 4281 justify-content: center; 4282 /*cursor: pointer;*/ 4283 } 4284 /* Active step css style */ 4285 .print_option_popup .print_option_popup_number_process .active .number_div .text_content { 4286 /*cursor: pointer;*/ 4287 } 4288 4289 .print_option_popup .print_option_popup_number_process .active .number_div .text_content > h1 { 4290 font-weight: 700; 4291 background-color: #f50082; 4292 } 4293 4294 .print_option_popup .print_option_popup_number_process .active .number_div .text_content > p { 4295 font-weight: 700; 4296 } 4297 4298 4299 /* Disable step css style */ 4300 .print_option_popup .print_option_popup_number_process .disabled .number_div .text_content > h1 { 4301 background-color: #e1e1e1; 4302 color: #8f8f8f; 4303 } 4304 4305 .print_option_popup .print_option_popup_number_process .disabled .number_div .text_content > p { 4306 color: #8f8f8f; 4307 } 4308 4309 .print_option_popup .print_option_popup_number_process .number_div .text_content > p { 4310 color: #00005a; 4311 font-size: 14px; 4312 font-weight: 600; 4313 } 4314 4315 .print_option_popup .print_option_popup_number_process .right_image_icon { 4316 padding: 0 10px; 4317 } 4318 4319 .print_option_popup .contiunue_button { 4320 border-radius: 6px; 4321 font-size: 12px; 4322 font-weight: 600; 4323 min-height: 30px; 4324 transition: 0.5s ease; 4325 place-items: center; 4326 color: #ffffff; 4327 background-color: #00005a; 4328 padding: 0.375rem 3.5rem; 4329 } 4330 4331 .print_option_popup .contiunue_button:hover { 4332 border: 1px solid #00005a; 4333 color: #00005a; 4334 background-color: transparent; 4335 } 4336 4337 .print_option_popup .print_option_footer_txt { 4338 font-size: 14px; 4339 font-weight: 400; 4340 } 4341 /* Step-1 design */ 4342 4343 .print_option_popup . 4344 { 4345 background: #fff; 4346 border-radius: 15px; 4347 margin-top: 10px; 4348 } 4349 4350 .print_option_popup .web_reduction_table_main .head_view { 4351 margin: 0; 4352 padding: 10px; 4353 background: #00005a; 4354 border-radius: 10px 10px 0px 0; 4355 color: #fff; 4356 font-size: 12px; 4357 font-weight: 600 4358 } 4359 4360 .print_option_popup .web_reduction_table_main .head_view .arrow-icon { 4361 margin-right: 5px; 4362 } 4363 4364 .print_option_popup .web_reduction_table_main .body_view { 4365 margin: 0; 4366 padding: 10px 7px; 4367 border-bottom: 2px dotted #c6c6c6 4368 } 4369 4370 .print_option_popup .web_reduction_table_main .body_view:last-child { 4371 border-bottom: 0; 4372 } 4373 4374 .print_option_popup .web_reduction_table_main .check_box_field { 4375 display: flex; 4376 margin: auto 0; 4377 max-width: 40px 4378 } 4379 4380 print_option_popup .web_reduction_table_main .form-check-input[type=checkbox] { 4381 border: 1px solid #00005a; 4382 } 4383 4384 .print_option_popup .web_reduction_table_main .form-check-input[type=checkbox]:checked { 4385 background-color: #f50082; 4386 color: #FFFFFF; 4387 border: 1px solid #f50082; 4388 box-shadow: none; 4389 scale: 1.1; 4390 } 4391 4392 .print_option_popup .web_reduction_table_main .form-check-input[type=checkbox]:not(:checked) { 4393 box-shadow: none; 4394 scale: 1.1; 4395 } 4396 4397 .print_option_popup .web_reduction_table_main .name_field_title { 4398 margin-left: 40px; 4399 } 4400 4401 .print_option_popup .web_reduction_table_main .name_field { 4402 display: flex; 4403 align-items: center; 4404 } 4405 4406 .print_option_popup .web_reduction_table_main .name_field .details-data { 4407 margin-left: 25px; 4408 display: flex; 4409 flex-direction: column; 4410 justify-content: center 4411 } 4412 4413 .print_option_popup .web_reduction_table_main .name_field .details-data p { 4414 font-size: 15px; 4415 font-weight: 400; 4416 line-height: 20px 4417 } 4418 4419 .print_option_popup .web_reduction_table_main .name_field .details-data span { 4420 font-size: 10px; 4421 font-weight: 600; 4422 } 4423 4424 .print_option_popup .web_reduction_table_main .validity_field { 4425 display: flex; 4426 align-items: center; 4427 font-size: 13px; 4428 font-weight: 500; 4429 } 4430 4431 .print_option_popup .web_reduction_table_main .discount_field { 4432 display: flex; 4433 align-items: center; 4434 max-width: 90px 4435 } 4436 4437 .print_option_popup .web_reduction_table_main .discount_field p { 4438 color: #f50082; 4439 font-weight: 700; 4440 font-size: 14px; 4441 } 4442 4443 /* .print_option_popup .web_reduction_table_main .coupon_field { 4444 min-width: 170px; 4445 } 4446 4447 .print_option_popup .web_reduction_table_main .coupon_field .coupon_field_button { 4448 display: flex; 4449 margin: auto; 4450 border: 1.5px solid #d7d8d9; 4451 border-radius: 5px; 4452 padding: 7px 15px; 4453 font-size: 12px; 4454 text-align: center; 4455 justify-content: center; 4456 font-weight: 600; 4457 background: transparent; 4458 color: #00005a 4459 } 4460 4461 .print_option_popup .web_reduction_table_main .coupon_field img { 4462 margin-right: 10px; 4463 width: 17px; 4464 height: 17px; 4465 } */ 4466 4467 .print_option_popup .web_reduction_table_main .link_field { 4468 display: flex; 4469 margin: auto 0; 4470 justify-content: center; 4471 font-weight: 600; 4472 align-items: center; 4473 } 4474 4475 .print_option_popup .web_reduction_table_main .link_field img { 4476 margin-right: 10px; 4477 width: 17px; 4478 height: 17px; 4479 } 4480 4481 .print_option_popup .web_reduction_table_main .link_field a { 4482 color: #00005a; 4483 font-size: 12px; 4484 } 4485 4486 .print_option_popup .print_option_popup_main { 4487 padding-bottom: 1rem; 4488 /* background-color: #ecebeb; */ 4489 /* background-color: #f3f3f3; */ 4490 /* padding: 2.2rem 3rem; */ 4491 color: #00005a; 4492 border-radius: 0 0px 10px 10px; 4493 padding-top: 1rem; 4494 padding-left: 2rem; 4495 padding-right: 2rem; 4496 } 4497 4498 .print_option_popup .print_option_popup_main .print_option_card_main { 4499 background-color: #f3f3f3; 4500 } 4501 4502 .print_option_popup .print_option_popup_main .print_option_img { 4503 float: left; 4504 margin: 0 5.464481% 0 0; 4505 max-width: 295px; 4506 /* width: 40.300545%; */ 4507 -webkit-border-radius: 8px 0 0 8px; 4508 -moz-border-radius: 8px 0 0 8px; 4509 border-radius: 8px 0 0 8px; 4510 } 4511 4512 .print_option_card_body .warning_txt_wrapper { 4513 background-color: #2c2dae; 4514 display: flex; 4515 /* justify-content: center; */ 4516 align-items: center; 4517 /* margin: 4.4rem auto 0; */ 4518 padding: 11px 13px; 4519 position: relative; 4520 /* width: 97.05882%; */ 4521 -webkit-border-radius: 8px; 4522 -moz-border-radius: 8px; 4523 border-radius: 8px; 4524 } 4525 4526 .print_option_popup .warning_content_img { 4527 float: left; 4528 /* margin: 6px 4.666667% 0 0; */ 4529 /* margin: 6px; 4530 max-width: 50px; */ 4531 max-width: 70px; 4532 object-fit: contain; 4533 /* width: 16.666666%; */ 4534 } 4535 4536 .print_option_popup .warning_txt { 4537 color: #ffffff; 4538 font-size: 14px !important; 4539 padding-left: 15px; 4540 font-weight: 300; 4541 } 4542 4543 .print_option_popup .print_option_card_title_txt { 4544 font-size: 18px; 4545 font-weight: bold; 4546 } 4547 4548 .print_option_popup .vous_imprimer_heading_sub_txt { 4549 font-size: 14px; 4550 font-weight: 400; 4551 } 4552 4553 .print_option_popup .dashed_number_list { 4554 /* list-style-type: none; */ 4555 /* list-style-type: '- '; */ 4556 counter-reset: item; 4557 margin-left: 0; 4558 padding-left: 0; 4559 padding-left: 0; 4560 font-size: 1rem; 4561 font-weight: 400; 4562 } 4563 4564 .print_option_popup .dashed_number_list > li { 4565 /* text-indent: -5px; */ 4566 display: block; 4567 margin-bottom: .5em; 4568 /* margin-left: 2em; */ 4569 } 4570 4571 .print_option_popup .dashed_number_list > li:before { 4572 display: inline-block; 4573 content: counter(item) " - "; 4574 counter-increment: item; 4575 width: 1.5em; 4576 /* margin-left: -2em; */ 4577 } 4578 4579 .print_option_popup_footer_wrapper { 4580 text-align: center; 4581 } 4582 4583 .print_option_popup_main .print_option_footer_subtxt { 4584 font-size: 14px; 4585 line-height: 1.2; 4586 font-weight: 400; 4587 } 4588 4589 .print_option_popup_main .print_option_footer_list_subtxt { 4590 font-size: 14px; 4591 line-height: 1.2; 4592 font-weight: 400; 4593 } 4594 4595 .print_option_popup_main .print_option_footer_list_subtxt .list_pink_right_arrow { 4596 width: 8px; 4597 height: 13px; 4598 } 4599 4600 .print_option_popup .reductions_ligne_subtxt { 4601 font-size: 14px; 4602 line-height: 1.2; 4603 text-align: center; 4604 } 4605 4606 .print_option_popup .reductions_ligne_subtxt_3 { 4607 font-size: 12px; 4608 text-align: center; 4609 } 4610 4611 .print_option_popup .email_bottom_sub_txt { 4612 font-size: 12px; 4613 text-align: center; 4614 } 4615 4616 /* .print_option_popup .web_reductions_btn { 4617 border: 1px solid #00005a47; 4618 border-radius: 8px; 4619 color: #fff; 4620 background: #00005a; 4621 padding: 6px; 4622 font-size: 12px; 4623 font-weight: 700; 4624 margin-top: 4px; 4625 width: 230px; 4626 } */ 4627 .print_option_popup .printing_now_btn { 4628 border: 1px solid #00005a47; 4629 border-radius: 8px; 4630 color: #fff; 4631 background: #00005a; 4632 padding: 6px; 4633 font-size: 12px; 4634 font-weight: 500; 4635 margin-top: 4px; 4636 width: 230px; 4637 } 4638 4639 .print_option_popup .web_reductions_listing_email_btn { 4640 border: 1px solid #00005a47; 4641 border-radius: 8px; 4642 color: #00005a; 4643 padding: 6px; 4644 font-size: 12px; 4645 font-weight: 700; 4646 margin-top: 4px; 4647 width: 230px; 4648 } 4649 4650 .print_option_popup .external_link_wrapper .external_link_txt a { 4651 color: #00005a; 4652 } 4653 4654 /* .print_option_popup .web_reduction_listing_modal_fotter .web_reduction_listing_modal_fotter_content { 4655 color: #00005a; 4656 margin-bottom: 10px; 4657 /* padding: 0 5rem; */ 4658 } 4659 4660 */ 4661 /* Cashback screen 1 design end */ 4662 /* Cashback screen 2 design */ 4663 .print_option_popup .print-option-screen-2 { 4664 max-width: 667px; 4665 display: flex; 4666 flex-direction: column; 4667 justify-content: center; 4668 align-items: center; 4669 margin: auto; 4670 padding: 0 20px 20px 20px; 4671 border-radius: 0 0px 10px 10px; 4672 } 4673 4674 .print_option_popup .print-option-screen-2 .print_option_screen_2_main { 4675 margin: 0px 15px; 4676 padding: 30px; 4677 background: #f3f3f3; 4678 text-align: center; 4679 border-radius: 15px; 4680 margin-bottom: 20px; 4681 } 4682 4683 .screen_2_body { 4684 /* padding: 30px 30px; */ 4685 background: #f3f3f3; 4686 text-align: center; 4687 border-radius: 15px; 4688 margin-bottom: 20px; 4689 } 4690 4691 .print_option_popup .print_option_screen_2_main img { 4692 width: 90px; 4693 margin-top: 10px; 4694 } 4695 4696 .print_option_popup .print_option_screen_2_main .screen-2-title { 4697 font-size: 18px; 4698 font-weight: 700; 4699 color: #00005a; 4700 } 4701 4702 .print_option_popup .print_option_screen_2_main .screen-2-desc { 4703 font-size: 14px; 4704 font-weight: 500; 4705 color: #00005a; 4706 padding: 5px 15px 15px; 4707 } 4708 4709 .print_option_popup .screen-3-main .screen-2-desc p { 4710 margin-bottom: 0px; 4711 } 4712 4713 .print_option_popup .print-option-screen-2 .screen-2-action { 4714 display: flex; 4715 justify-content: center; 4716 margin: 30px auto 10px; 4717 } 4718 4719 .print_option_popup .print-option-screen-2 .screen-2-action button { 4720 padding: 7px 10px; 4721 font-size: 13px; 4722 font-weight: 600; 4723 background: #00005a; 4724 border: 0; 4725 border-radius: 7px; 4726 color: #fff; 4727 } 4728 4729 /* =========== media query=============== */ 4730 4731 4732 4733</style>
4734<script> 4735</script>
4735 4736 4737 4738 4739 </div> 4740 4741 </main> 4742 4743 <div id="newslatter" class="FooterInfoBar_topfootercontainer__ra4zL"> 4744 <div class="m-auto align-self-sm-center align-self-end"> 4745 <div class="FooterInfoBar_topfootercontainer_main__bR2wB"> 4746 <div class="FooterInfoBar_footerinfobaricon___3bRB"> 4747 <img src="https://libresse-images.essity.com/images-c5/500/563500/optimized-AzurePNG2K/subscribe.png" alt="subscribe Logo Url" /> 4748 <div class="FooterInfoBar_footerinfobar__FO7WJ"> 4749 Prêt à faire des économies ? 4750 </div> 4751 <button type="button" class="FooterInfoBar_footersubbutton-link FooterInfoBar_footersubbutton__zG5c8" href="javascript:void(0);" x-on:click="isShow = !isShow" onclick="LoadSingupScreen()" aria-label="Oui, je m’inscris au programme !"> 4752 Oui, je m’inscris au programme ! 4753 </button> 4754 </div> 4755 </div> 4756 </div> 4757 </div> 4758 4759<div class="d-none d-lg-block footer-main"> 4760 <div class="footer-main-inner row"> 4761 <div class="footer-main-link col-md-12"> 4762 <div class="footer-links row"> 4763 <div class="link-list col-md-4"> 4764 <a class="link-title" href="/contact/"> 4765 FAQ/Contact 4766 </a> 4767 </div> 4768 <div class="link-list col-md-4"> 4769 <a class="link-title" href="https://www.essity.fr/" target="_blank"> 4770 Le Groupe Essity 4771 </a> 4772 </div> 4773 <div class="link-list col-md-4"> 4774 <a class="link-title" href="/politique-de-confidentialite/" target="_blank"> 4775 Politique de confidentialité 4776 </a> 4777 </div> 4778 <div class="link-list col-md-4"> 4779 <a class="link-title" href="/politique-d-utilisation-des-cookies/" target="_blank"> 4780 Information sur les cookies 4781 </a> 4782 </div> 4783 <div class="link-list col-md-4"> 4784 <a class="link-title" href="/mentions-legales/" target="_blank"> 4785 Mentions légales 4786 </a> 4787 </div> 4788 <div class="link-list col-md-4"> 4789 <a class="link-title" href="/conditions-d-utilisations/" target="_blank"> 4790 Conditions d’utilisations 4791 </a> 4792 </div> 4793 </div> 4794 </div> 4795 </div> 4796</div> 4797
4798<script> 4799 4800 $(document).ready(function () { 4801 loadFooterBrandButton(); 4802 // console.log("loadFooterBrandButton Function Called"); 4803 }); 4804</script>
4804 4805</body> 4806</html> 4807
4808<script src="/js/main.js"></script>
4808 4809
4810<script> 4811 $(document).ready(function () { 4812 // sign up loading code // 4813 // $('body').append('<div style="" id="loadingDiv"><div class="loader">Loading...</div></div>'); 4814 // $(window).on('load', function(){ 4815 // setTimeout(removeLoader, 3000); //wait for page load PLUS two seconds. 4816 // }); 4817 // function removeLoader(){ 4818 // $( "#loadingDiv" ).fadeOut(500, function() { 4819 // // fadeOut complete. Remove the loading div 4820 // $( "#loadingDiv" ).remove(); //makes page more lightweight 4821 // }); 4822 // } 4823 4824 // okayfr global variables// 4825 var okay_imagurl;var okay_issueid;var okay_transactionid; var okay_gifttitle;var okayfr_email; var okay_wincode; var tena_winScreenPopUpTitle; 4826 var brandName = ""; // Brand name from Razor 4827 // recaptcha code // 4828 var formDatum; var formDatamob; var captchaflag = false; var userstatus; var adminuserstatus = false; var Id; 4829 /// video variables // 4830 var capturedfile; 4831 let videoElement = document.getElementById('videoElement'); 4832 let imagePreview = document.getElementById('imagePreview'); 4833 let stream; 4834 var capturedfile_okayfr; 4835 let videoElement_okayfr = document.getElementById('videoElement_okayfr'); 4836 let imagePreview_okayfr = document.getElementById('imagePreview_okayfr'); 4837 let streamokayfr; 4838 SetSignupButtons(); 4839 loadFooterBrandButton(); 4840 UpdateProfileTotalDiscount(""); 4841 loaddefaultselection(); // load Default Selected Coupon List 4842 validateUser_account(); // Loading Validating USER ACCOUNT 4843 $intialsort = document.querySelectorAll('.coupon-card-list:not(.d-none)'); 4844 4845 //hiding sticky basket only for mobile 4846 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 4847 //console.log("isMobile",isMobile); 4848 if(isMobile){ 4849 if ('contactUsPage' == "contactUsPage") { 4850 // console.log("this is hiting"); 4851 $('.basket_popup_mobile_button').addClass("d-none"); 4852 $('.basket_popup_mobile_button').removeClass("d-block"); 4853 4854 }else{ 4855 $('.basket_popup_mobile_button').removeClass("d-none"); 4856 $('.basket_popup_mobile_button').addClass("d-block"); 4857 } 4858 } 4859 4860 4861 4862 4863 // sign up loading code ends// 4864 $(document).on("click", ".PrflBtnCLS", function () { 4865 var type = $(this).attr('data-menuType'); 4866 if (type === 'Register') { 4867 LoadSingupScreen(); 4868 } 4869 else if (type === 'Login') { 4870 LoadLoginScreen(); 4871 } 4872 else if (type === 'Logout') { 4873 gigya.accounts.logout({ callback: LogOutUser }); 4874 } 4875 //console.log("profile submenu clicked..."); 4876 }); 4877 4878 // Onload stickybasket count display // 4879 if (typeof (Storage) != "undefined") { 4880 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 4881 } 4882 var stickybasketcount = localStorage.getItem('basketcount'); 4883 if (stickybasketcount == 0 && !($("#navReimbursement").hasClass("active"))) { 4884 $("#basketPopbtn").css("display", "none"); 4885 $(".basket_popup_mobile_button_detail").css("display", "none"); 4886 } else if ($("#navReimbursement").hasClass("active") && stickybasketcount == 0) { 4887 $("#basketPopbtn").css("display", "inline-block"); 4888 $(".basket_popup_mobile_button_detail").css("display", "flex"); 4889 } else { 4890 $("#basketPopbtn").css("display", "inline-block"); 4891 $(".basket_popup_mobile_button_detail").css("display", "flex"); 4892 } 4893 4894 4895 $(document).on("click", ".question_img", function () { 4896 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 4897 if (isMobile) { 4898 $(this).parents(".discount_coupons_cards").find(".card_overlay").show(); 4899 $(this).parents(".discount_coupons_cards").css({ "box-shadow": "6px 4px 7px #cdcdcd", "border": "2px solid #f50082" }) 4900 //$(".card_overlay").show(); 4901 } 4902 }); 4903 $(document).on("click", ".overlayquestion", function () { 4904 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 4905 if (isMobile) { 4906 $(this).parents(".discount_coupons_cards").find(".card_overlay").hide(); 4907 $(this).parents(".discount_coupons_cards").css({ "box-shadow": "none", "border": "0px solid #f50082" }) 4908 //$(".card_overlay").hide(); 4909 } 4910 }); 4911 $(document).on("click", ".discount_coupons_cards", function () { 4912 if ($(this).find(".disabledcoupon").css("display") == 'none' && $(this).find(".expiredcoupon").css("display") == 'none') { 4913 // console.log("this card is enabled"); 4914 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 4915 if (isMobile) { 4916 // console.log("this is hitting");
4917 var coupontype = $(this).data("coupontype"); 4918 // console.log("coupontype", coupontype); 4919 localStorage.setItem("couponTypeselected", coupontype); 4920 if (!$(this).hasClass("selected")) { 4921 //console.log("inside "); 4922 $(this).find(".selectcheckbox").prop('checked', true); 4923 $(this).css({ "box-shadow": "6px 4px 7px #cdcdcd", "border": "2px solid #f50082" }); 4924 $(this).addClass("selected"); 4925 var storedcoupontype = localStorage.getItem("couponTypeselected"); 4926 /*$(".discount_coupons_cards").each(function () { 4927 if (storedcoupontype != $(this).data("coupontype")) { 4928 $(this).find(".disabledcoupon").show(); 4929 } 4930 });*/ 4931 selectedcardcount(); 4932 //console.log("basket count====>", localStorage.getItem('basketcount')); 4933 if (localStorage.getItem('basketcount') > 0) { 4934 // console.log("coming inside if basket count"); 4935 $("#basketPopbtn").css("display", "block"); 4936 $(".basket_popup_mobile").css("display", "block"); 4937 } else { 4938 $("#basketPopbtn").css("display", "none"); 4939 $(".basket_popup_mobile").css("display", "none"); 4940 } 4941 4942 } else { 4943 $(this).find(".selectcheckbox").prop('checked', false); 4944 $(this).css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" }) 4945 $(this).removeClass("selected"); 4946 selectedcardcount(); 4947 // console.log("localStorage.getItem('basketcount')", localStorage.getItem('basketcount')); 4948 if (localStorage.getItem('basketcount') == 0) { 4949 $(".disabledcoupon").hide(); 4950 $("#myPopup").css("display", "none"); 4951 } 4952 if (localStorage.getItem('basketcount') > 0) { 4953 $("#basketPopbtn").css("display", "block"); 4954 $(".basket_popup_mobile").css("display", "block"); 4955 } else { 4956 $("#basketPopbtn").css("display", "none"); 4957 $(".basket_popup_mobile").css("display", "none"); 4958 } 4959 } 4960 var stickybasketcount = localStorage.getItem('basketcount'); 4961 if (stickybasketcount == 0 && !($("#navReimbursement").hasClass("active"))) { 4962 $("#basketPopbtn").css("display", "none"); 4963 $(".basket_popup_mobile_button_detail").css("display", "none"); 4964 } else if ($("#navReimbursement").hasClass("active") && stickybasketcount == 0) { 4965 $("#basketPopbtn").css("display", "inline-block"); 4966 $(".basket_popup_mobile_button_detail").css("display", "flex"); 4967 } else { 4968 $("#basketPopbtn").css("display", "inline-block"); 4969 $(".basket_popup_mobile_button_detail").css("display", "flex"); 4970 } 4971 4972 } else { 4973 var coupontype = $(this).data("coupontype"); 4974 // console.log("coupontype", coupontype); 4975 localStorage.setItem("couponTypeselected", coupontype); 4976 if (!$(this).hasClass("selected")) { 4977 $(this).find(".selectcheckbox").prop('checked', true); 4978 $(this).css({ "box-shadow": "6px 4px 7px #cdcdcd", "border": "2px solid #f50082" }); 4979 $(this).addClass("selected"); 4980 var storedcoupontype = localStorage.getItem("couponTypeselected"); 4981 /*$(".discount_coupons_cards").each(function () { 4982 if (storedcoupontype != $(this).data("c
4982oupontype")) { 4983 $(this).find(".disabledcoupon").show(); 4984 } 4985 });*/ 4986 selectedcardcount(); 4987 if (localStorage.getItem('basketcount') > 0) { 4988 $("#basketPopbtn").css("display", "block"); 4989 $(".basket_popup_mobile").css("display", "block"); 4990 } else { 4991 $("#basketPopbtn").css("display", "none"); 4992 $(".basket_popup_mobile").css("display", "none"); 4993 } 4994 4995 } else { 4996 $(this).find(".selectcheckbox").prop('checked', false); 4997 $(this).css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" }) 4998 $(this).removeClass("selected"); 4999 selectedcardcount(); 5000 // console.log("localStorage.getItem('basketcount')", localStorage.getItem('basketcount')); 5001 if (localStorage.getItem('basketcount') == 0) { 5002 $(".disabledcoupon").hide(); 5003 $("#myPopup").css("display", "none"); 5004 } 5005 if (localStorage.getItem('basketcount') > 0) { 5006 $("#basketPopbtn").css("display", "block"); 5007 $(".basket_popup_mobile").css("display", "block"); 5008 } else { 5009 $("#basketPopbtn").css("display", "none"); 5010 $(".basket_popup_mobile").css("display", "none"); 5011 } 5012 } 5013 var stickybasketcount = localStorage.getItem('basketcount'); 5014 if (stickybasketcount == 0 && !($("#navReimbursement").hasClass("active"))) { 5015 $("#basketPopbtn").css("display", "none"); 5016 $(".basket_popup_mobile_button_detail").css("display", "none"); 5017 } else if ($("#navReimbursement").hasClass("active") && stickybasketcount == 0) { 5018 $("#basketPopbtn").css("display", "inline-block"); 5019 $(".basket_popup_mobile_button_detail").css("display", "flex"); 5020 } else { 5021 $("#basketPopbtn").css("display", "inline-block"); 5022 $(".basket_popup_mobile_button_detail").css("display", "flex"); 5023 } 5024 } 5025 5026 } else { 5027 return false; 5028 } 5029 5030 }); 5031 5032 $(document).on("mouseenter", ".question_img", function () { 5033 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 5034 if (!isMobile) { 5035 $(this).parents(".discount_coupons_cards").find(".card_overlay").show(); 5036 $(this).parents(".discount_coupons_cards").css({ "box-shadow": "6px 4px 7px #cdcdcd", "border": "2px solid #f50082" }) 5037 //$(".card_overlay").show(); 5038 } 5039 }); 5040 $(document).on("mouseleave", ".overlayquestion,.discount_coupons_cards", function () { 5041 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 5042 if (!isMobile) { 5043 $(this).parents(".discount_coupons_cards").find(".card_overlay").hide(); 5044 if (!$(this).parents(".discount_coupons_cards").hasClass("selected")) { 5045 $(this).parents(".discount_coupons_cards").css({ "box-shadow": "none", "border": "0px solid #f50082" }) 5046 } 5047 //$(".card_overlay").hide(); 5048 } 5049 }); 5050 5051 5052 $('.selectcheckbox').on('change', function () { 5053 if (this.checked) { 5054 $(this).parents(".discount_coupons_cards").css({ "box-shadow": "6px 4px 7px #cdcdcd", "border": "2px solid #f50082" }) 5055 $(this).parents(".discount_coupons_cards").addClass("selected"); 5056 selectedcardcount(); 5057 } 5058 if (!this.checked) { 5059 $(this).parents(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1p
5059x solid rgba(0,0,0,.125)" }) 5060 $(this).removeClass("selected"); 5061 selectedcardcount(); 5062 } 5063 }); 5064 5065 // reset sorting // 5066 $(document).on("click", ".sort_btn_reset", function (e) { 5067 $('#couponelist_container').html($intialsort); 5068 $(".sortby_menu_body").find("[type=radio]").prop("checked", false); 5069 selectedsortby = ""; 5070 }) 5071 $(document).on("click", "#TakePictureBtn", function (e) { 5072 // console.log("take Picture Button is "); 5073 grecaptcha.reset(1); grecaptcha.reset(0); grecaptcha.reset(2); 5074 $("#g-recaptchaid_mob_takepic").hide(); 5075 }); 5076 $(document).on("click", "#TakePictureBtnokay", function (e) { 5077 // console.log("take Picture Button is "); 5078 grecaptcha.reset(1); grecaptcha.reset(0); grecaptcha.reset(2); 5079 $("#g-recaptchaid_mob_takepic").hide(); 5080 }); 5081 $('#webcameMain_okayfr').on('show.bs.modal', function (event) { 5082 $("#capturedcontent_okayfr").css("display","none"); 5083 startWebcamokayfr(); 5084 $("#btnCapture_okayfr").click(function () { 5085 captureImageokayfr(); 5086 // console.log(capturedfile); 5087 $("#capturedcontent_okayfr").css("display","block"); 5088 $("#uploadcapturedimage_okayfr").addClass("btn_disabled"); 5089 $("#g-recaptchaid_mob_takepic").show(); 5090 }); 5091 // $(function () { 5092 //ApplyPlugin(); 5093 // $("#btnCapture").click(function () { 5094 // Webcam.snap(function (data_uri) { 5095 // $("#imgCapture")[0].src = data_uri; 5096 // console.log("data_uri",data_uri); 5097 // capturedfile = dataURLtoFile('data:image/jpg;base64,aGVsbG8=','capturedimage.jpg'); 5098 // console.log(capturedfile); 5099 // }); 5100 // $("#capturedcontent").css("display","block"); 5101 // }); 5102 5103 // $("#btnFrontBack").click(function () { 5104 // $('#btnFrontBack').val($('#btnFrontBack').val() == 'Caméra Arrière' ? 'Caméra Avant' : 'Caméra Arrière'); 5105 // Webcam.reset(); 5106 // ApplyPlugin(); 5107 // }); 5108 5109 //}); 5110 }); 5111 $('#webcameMain').on('show.bs.modal', function (event) { 5112 5113 $("#capturedcontent").css("display", "none"); 5114 startWebcam(); 5115 $("#btnCapture").click(function () { 5116 captureImage(); 5117 // console.log(capturedfile); 5118 $("#capturedcontent").css("display", "block"); 5119 $("#uploadcapturedimage").addClass("btn_disabled"); 5120 $("#g-recaptchaid_mob_takepic").show(); 5121 }); 5122 // $(function () { 5123 //ApplyPlugin(); 5124 // $("#btnCapture").click(function () { 5125 // Webcam.snap(function (data_uri) { 5126 // $("#imgCapture")[0].src = data_uri; 5127 // console.log("data_uri",data_uri); 5128 // capturedfile = dataURLtoFile('data:image/jpg;base64,aGVsbG8=','capturedimage.jpg'); 5129 // console.log(capturedfile); 5130 // }); 5131 // $("#capturedcontent").css("display","block"); 5132 // }); 5133 5134 // $("#btnFrontBack").click(function () { 5135 // $('#btnFrontBack').val($('#btnFrontBack').val() == 'Caméra Arrière' ? 'Caméra Avant' : 'Caméra Arrière'); 5136 // Webcam.reset(); 5137 // ApplyPlugin(); 5138 // }); 5139 5140 //}); 5141 }); 5142 function dataURLtoFile(dataurl, filename) { 5143 var arr = dataurl.split(','), 5144 mime = arr[0].match(/:(.*?);/)[1], 5145 bstr = atob(arr[arr.length - 1]), 5146 n = bstr.length, 5147 u8arr = new Uint8Array(n);
5148 while(n--){ 5149 u8arr[n] = bstr.charCodeAt(n); 5150 } 5151 return new File([u8arr], filename, {type:mime}); 5152 } 5153 5154 // function ApplyPlugin() { 5155 // //var mode = $('#btnFrontBack').val() == 'Caméra Arrière' ? 'user' : 'environment'; 5156 // var mode = 'environment'; 5157 // Webcam.set({ 5158 // // live preview size 5159 // width: 340, 5160 // height: 240, 5161 5162 // // device capture size 5163 // dest_width: 300, 5164 // dest_height: 240, 5165 // // device capture size 5166 // dest_width: 300, 5167 // dest_height: 240, 5168 5169 // // final cropped size 5170 // crop_width: 280, 5171 // crop_height: 240, 5172 5173 // // format and quality 5174 // image_format: 'jpeg', 5175 // jpeg_quality: 100, 5176 // constraints: { 5177 // width: 280, // { exact: 320 }, 5178 // height: 240, // { exact: 240 }, 5179 // facingMode: mode, 5180 // frameRate: 30 5181 // } 5182 // // constraints: { facingMode: mode } 5183 // }); 5184 // Webcam.attach('#webcam'); 5185 // }; 5186 async function startWebcam() { 5187 try { 5188 stream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' } }); 5189 videoElement.srcObject = stream; 5190 } catch (error) { 5191 console.error('Error accessing webcam:', error); 5192 } 5193 } 5194 async function startWebcamokayfr() { 5195 try { 5196 streamokayfr = await navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' } }); 5197 videoElement_okayfr.srcObject = streamokayfr; 5198 } catch (error) { 5199 console.error('Error accessing webcam:', error); 5200 } 5201 } 5202 function captureImage() { 5203 let canvas = document.createElement('canvas'); 5204 canvas.width = videoElement.videoWidth; 5205 canvas.height = videoElement.videoHeight; 5206 let context = canvas.getContext('2d'); 5207 context.drawImage(videoElement, 0, 0, canvas.width, canvas.height); 5208 imagePreview.src = canvas.toDataURL('image/png'); 5209 // console.log("imagePreview.src",imagePreview.src); 5210 if (imagePreview.src) { 5211 let a = document.createElement('a'); 5212 a.href = imagePreview.src; 5213 a.download = 'captured_image.png'; 5214 capturedfile = dataURLtoFile(imagePreview.src,'captured_image.png'); 5215 //document.body.appendChild(a); 5216 //a.click(); 5217 //document.body.removeChild(a); 5218 } else { 5219 alert('No image to download. Capture an image first.'); 5220 } 5221 5222 } 5223 function captureImageokayfr() { 5224 let canvas = document.createElement('canvas'); 5225 canvas.width = videoElement_okayfr.videoWidth; 5226 canvas.height = videoElement_okayfr.videoHeight; 5227 let context = canvas.getContext('2d'); 5228 context.drawImage(videoElement_okayfr, 0, 0, canvas.width, canvas.height); 5229 imagePreview_okayfr.src = canvas.toDataURL('image/png'); 5230 // console.log("imagePreview.src", imagePreview.src); 5231 if (imagePreview_okayfr.src) { 5232 let a = document.createElement('a'); 5233 a.href = imagePreview_okayfr.src; 5234 a.download = 'captured_image.png'; 5235 capturedfile_okayfr = dataURLtoFile(imagePreview_okayfr.src, 'captured_image.png'); 5236 //document.body.appendChild(a); 5237 //a.click(); 5238 //document.body.removeChild(a); 5239 } else { 5240 alert('No image to download. Capture an image first.'); 5241 } 5242 5243 } 5244 5245 5246 5247 $(document).on("click", "#uploadcapturedimage", function () { 5248 if (recaptchaCallbackTakePic) { 5249 // console.log("capturedfile", capturedfile); 5250 var finalcheckedarr = localStorage.getItem('coupons'); 5251 var selectedarrparsed = JSON.parse(finalcheckedarr); 5252 // console.log("selectedarrparsed", selectedarrparsed);
5253 SelectedCampaigns = []; 5254 $.each(selectedarrparsed, function (index, val) { 5255 var reqobj = {}; 5256 reqobj.Id = val.id; 5257 reqobj.KweeriCampaignId = val.kweericampaignid; 5258 reqobj.CouponCategory = val.couponcategory; 5259 SelectedCampaigns.push(reqobj); 5260 }); 5261 //console.log("SelectedCampaigns", SelectedCampaigns); 5262 5263 $(".first-screen-view").addClass("d-none"); 5264 $(".loader-container").removeClass("d-none"); 5265 $(".loader-container #load-success-message").removeClass("d-none"); 5266 // console.log("capturedfile.type", capturedfile.type); 5267 if (capturedfile.type === "image/png" || capturedfile.type === "image/jpg" || capturedfile.type === "image/jpeg" || capturedfile.type === "application/pdf") { 5268 // console.log("valide file......"); 5269 formDatamob = new FormData(); 5270 formDatamob.append("ImageFile", capturedfile); 5271 5272 for (var i = 0; i < SelectedCampaigns.length; i++) { 5273 formDatamob.append(`SelectedCampaigns[${i}].Id`, SelectedCampaigns[i].Id); 5274 formDatamob.append(`SelectedCampaigns[${i}].KweeriCampaignId`, SelectedCampaigns[i].KweeriCampaignId); 5275 formDatamob.append(`SelectedCampaigns[${i}].CouponCategory`, SelectedCampaigns[i].CouponCategory); 5276 } 5277 5278 // console.log("quality ajax call", formDatamob); 5279 5280 var token = $('input[name="__RequestVerificationToken"]').val(); 5281 $.ajax({
5282 url: '/Coupon/PostReceiptQualityCheck', 5283 type: "POST", 5284 data: formDatamob, 5285 beforeSend: function (xhr) { 5286 xhr.setRequestHeader("RequestVerificationToken", token); 5287 }, 5288 processData: false, 5289 contentType: false, 5290 success: function (response) { 5291 //console.log("response", response); 5292 $(".loader-container").addClass("d-none"); 5293 $(".loader-container #load-success-message").addClass("d-none"); 5294 localStorage.setItem("invoiceurl", response.invoiceUrl); 5295 localStorage.setItem("matchedcoupons", JSON.stringify(response.matchedCoupons)); 5296 localStorage.setItem("cashbacktransactionId", JSON.stringify(response.cashbackTransactionId)); 5297 if (response.receiptStatus == "Passed") { 5298 // console.log("mateched coupons ===== >", response.matchedCoupons); 5299 var matchedcoupons = response.matchedCoupons; 5300 // console.log("CashbackTransaction Ids ===== >", response.cashbackTransactionId); 5301 var cashbackTransactionId = response.cashbackTransactionId; 5302 5303 //console.log("selectedarrparsed in success", selectedarrparsed); 5304 const myArrayFiltered = selectedarrparsed.filter((el) => { 5305 return matchedcoupons.some((f) => { 5306 return f === el.id; 5307 }); 5308 }); 5309 5310 // console.log(myArrayFiltered); 5311 var itemwrap = []; tamount = 0; finalamount1 = 0; 5312 $.each(myArrayFiltered, function (index, val) { 5313 itemwrap += '<div class="row body_view">'; 5314 itemwrap += '<div class="col-md-2 d-md-block d-none"></div>'; 5315 itemwrap += '<div class="col-4 col-md-3 name_field">'; 5316 itemwrap += '<p class="mb-0">' + val.brand + '</p>'; 5317 itemwrap += '</div>'; 5318 itemwrap += '<div class="col-4 col-md-3 validity_field">'; 5319 itemwrap += '<p class="mb-0">' + val.title + '</p>'; 5320 itemwrap += '</div>'; 5321 itemwrap += '<div class="col-4 col-md-2 discount_field">'; 5322 itemwrap += '<p class="mb-0">' + val.amount + '€</p>'; 5323 itemwrap += '</div>'; itemwrap += '</div>'; 5324 var valmount = (val.amount).toString(); 5325 if (valmount.indexOf(',') > -1) { 5326 valmount = valmount.replace(",", ".") 5327 } 5328 tamount = (parseFloat(tamount) + parseFloat(valmount)).toFixed(2); 5329 var finalamount = tamount.toString(); 5330 finalamount1 = finalamount.replace(".", ","); 5331 }); 5332 5333 5334 itemwrap += '<div class="row body_view body-bottom-view">'; 5335 itemwrap += '<div class="col-md-2 d-md-block d-none"></div>'; 5336 itemwrap += '<div class="col-8 col-md-6 discount_field">'; 5337 itemwrap += 'Montant total des réductions:'; 5338 itemwrap += '</div>'; 5339 itemwrap += '<div class="col-4 col-md-3 discount_field">'; 5340 itemwrap += '<p class="mb-0">' + finalamount1 + '€' + '</p>'; 5341 itemwrap += '</div>'; 5342 itemwrap += '</div>'; 5343 5344 $("#bodylist_content_row").html(itemwrap); 5345 $(".get_your_refund_process_main #step-1-detail
5345s").addClass('d-none') 5346 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").removeClass("d-none"); 5347 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 5348 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 5349 5350 } 5351 else if (response.receiptStatus == "NotEligible") { 5352 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 5353 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 5354 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 5355 $(".get_your_refund_process_main #step-1-details.first_Error_popup").removeClass("d-none"); 5356 //$(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 5357 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 5358 $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none"); 5359 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none"); 5360 $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none"); 5361 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 5362 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 5363 5364 } 5365 else if (response.receiptStatus == "QualityIssue") { 5366 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 5367 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 5368 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 5369 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 5370 $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none"); 5371 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none"); 5372 $(".get_your_refund_process_main #step-1-details.second_Error_popup").removeClass("d-none"); 5373 $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none"); 5374 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 5375 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 5376 5377 } 5378 else if (response.receiptStatus == "DuplicateReceipt") { 5379 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 5380 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 5381 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 5382 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 5383 $(".get_your_refund_process_main #step-1-detail
5383s.third_Error_popup").addClass("d-none"); 5384 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none"); 5385 $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").removeClass("d-none"); 5386 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 5387 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 5388 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 5389 5390 } 5391 else if (response.receiptStatus == "Fraud") { 5392 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 5393 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 5394 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 5395 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 5396 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 5397 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none"); 5398 $(".get_your_refund_process_main #step-1-details.third_Error_popup").removeClass("d-none"); 5399 $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none"); 5400 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 5401 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 5402 5403 5404 } 5405 else { 5406 /// defaultly added as not eligible screen 5407 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 5408 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 5409 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 5410 $(".get_your_refund_process_main #step-1-details.first_Error_popup").removeClass("d-none"); 5411 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 5412 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 5413 $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none"); 5414 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none"); 5415 $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none"); 5416 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 5417 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 5418 5419 } 5420 var transactionIds=response.cashbackTransactionId.join(","); 5421 var couponIds = SelectedCampaigns.map(coupon => coupon.Id).join(','); 5422 BindClaimFormLink(transactionIds,couponIds); 5423 }, 5424 error: function (error) { 5425 console.log("error quality" + error); 5426 } 5427 }); 5428 5429 5430 } else { 5431 $(".loader-container").addClass("d-none"); 5432 $(".loader-container #load-success-message").addClass("d-none"); 5433 $(".get_your_refund_process_main #step-1-detail
5433s").removeClass('d-none') 5434 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 5435 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 5436 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").removeClass("d-none"); 5437 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 5438 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 5439 $(".get_your_refund_process_main #step-1-details.third_error_popup_first_text").addClass("d-none"); 5440 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 5441 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 5442 } 5443 } else { 5444 return captchaflag; 5445 } 5446 5447 5448 }); 5449 $(document).on("click", "#uploadcapturedimage_okayfr", function () { 5450 if (recaptchaCallbackTakePic) { 5451 //console.log("capturedfile_okayfr", capturedfile_okayfr); 5452 var finalcheckedarr = localStorage.getItem('coupons'); 5453 var selectedarrparsed = JSON.parse(finalcheckedarr); 5454 //console.log("selectedarrparsed", selectedarrparsed); 5455 SelectedCampaigns = []; 5456 $.each(selectedarrparsed, function (index, val) { 5457 var reqobj = {}; 5458 reqobj.Id = val.id; 5459 reqobj.KweeriCampaignId = val.kweericampaignid; 5460 SelectedCampaigns.push(reqobj); 5461 }); 5462 // console.log("SelectedCampaigns", SelectedCampaigns); 5463 5464 $(".first-screen-view").addClass("d-none"); 5465 $(".okayFr_loading").removeClass("d-none"); 5466 // console.log("capturedfile_okayfr.type", capturedfile_okayfr.type); 5467 if (capturedfile_okayfr.type === "image/png" || capturedfile_okayfr.type === "image/jpg" || capturedfile_okayfr.type === "image/jpeg" || capturedfile.type === "application/pdf") { 5468 // console.log("valide file......"); 5469 formDatamob = new FormData(); 5470 formDatamob.append("ImageFile", capturedfile_okayfr); 5471 5472 for (var i = 0; i < SelectedCampaigns.length; i++) { 5473 formDatamob.append(`SelectedCampaigns[${i}].Id`, SelectedCampaigns[i].Id); 5474 formDatamob.append(`SelectedCampaigns[${i}].KweeriCampaignId`, SelectedCampaigns[i].KweeriCampaignId); 5475 } 5476 5477 //console.log("quality ajax call", formDatamob); 5478 var token = $('input[name="__RequestVerificationToken"]').val(); 5479 var brandName = ''; 5480 formDatamob.append("brandName", brandName); 5481 $.ajax({
5482 url: '/Okay/PlayInstaWinGame', 5483 type: "POST", 5484 data: formDatamob, 5485 beforeSend: function (xhr) { 5486 xhr.setRequestHeader("RequestVerificationToken", token); 5487 }, 5488 processData: false, 5489 contentType: false, 5490 success: function (response) { 5491 //console.log("response", response); 5492 //response.imageUrl = "https://dev.monbienetrerecompense.fr/media/wwgh555q/windcode1.png"; 5493 //response.giftTitle = "Une table de Ping Pong Cornilleau"; 5494 okay_imagurl=response.imageUrl; 5495 okay_issueid=response.issueId; 5496 okay_transactionid=response.transactionId; 5497 okay_gifttitle = response.giftTitle; 5498 okay_wincode = response.winValue; 5499 tena_winScreenPopUpTitle = response.winScreenPopUpTitle; 5500 //response.receiptStatus = "Win"; 5501 5502 //response.receiptStatus = "Win"; response.isDisplayForm = true; 5503 $(".okayFr_loading").addClass("d-none"); 5504 //$(".loader-container #load-success-message").addClass("d-none"); 5505 localStorage.setItem("invoiceurl",response.invoiceUrl); 5506 localStorage.setItem("matchedcoupons", JSON.stringify(response.matchedCoupons)); 5507 localStorage.setItem("cashbacktransactionId", JSON.stringify(response.cashbackTransactionId)); 5508 5509 if (response.receiptStatus == "Win" && response.isDisplayForm == true) { 5510 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none') 5511 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 5512 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").removeClass("d-none"); 5513 5514 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass('d-none'); 5515 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 5516 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none"); 5517 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 5518 5519 if(response.isDisplayForm == true) { 5520 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").removeClass("d-none"); 5521 load_isDisplayFormdata(); 5522 $("#saveformdata").removeClass("i_continue_again_okay"); 5523 //$("#saveformdata").addClass("scrolltoform"); 5524 $("#saveformdata").attr('href', '#okayfrActivation_winnerone_form'); 5525 } else { 5526 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").addClass("d-none"); 5527 $("#saveformdata").addClass("i_continue_again_okay"); 5528 //$("#saveformdata").removeClass("scrolltoform"); 5529 $("#saveformdata").attr('href', 'javascript:;'); 5530 } 5531 $(".gift_title").html(response.giftTitle); 5532 $(".tena_WinScreen").html(tena_winScreenPopUpTitle); 5533 $(".okayfr_img").attr("src", response.imageUrl); 5534 5535 if(response.winValue=="1" || response.winValue=="2"){
5536 $("#TenaWinScreenMiddleFooter").removeClass("d-none"); 5537 } 5538 } 5539 else if (response.receiptStatus == "Win" && response.isDisplayForm == false) { 5540 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none') 5541 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").removeClass("d-none"); 5542 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 5543 5544 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass('d-none'); 5545 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 5546 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none"); 5547 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 5548 if (response.isDisplayForm == true) { 5549 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").removeClass("d-none"); 5550 load_isDisplayFormdata(); 5551 $("#saveformdata1").removeClass("i_continue_again_okay"); 5552 //$("#saveformdata").addClass("scrolltoform"); 5553 $("#saveformdata1").attr('href', '#okayfrActivation_winnerone_form'); 5554 } else { 5555 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").addClass("d-none"); 5556 $("#saveformdata1").addClass("i_continue_again_okay"); 5557 //$("#saveformdata").removeClass("scrolltoform"); 5558 $("#saveformdata1").attr('href', 'javascript:;'); 5559 } 5560 $(".gift_title").html(response.giftTitle); 5561 $(".okayfr_img").attr("src", response.imageUrl); 5562 5563 5564 } 5565 else if (response.receiptStatus == "Lose") { 5566 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none') 5567 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 5568 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 5569 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").removeClass('d-none'); 5570 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 5571 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none"); 5572 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 5573 5574 } 5575 else if(response.receiptStatus == "NotEligible") { 5576 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none'); 5577 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first-screen-view").addClass("d-none"); 5578 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none"); 5579 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 5580 $(".get_your_refund_process_main.okay_fr #step-1-detail
5580s_okay_fr.third_Error_popup").addClass("d-none"); 5581 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").removeClass("d-none"); 5582 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fifth_Error_popup").addClass("d-none"); 5583 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 5584 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 5585 5586 } 5587 else if(response.receiptStatus == "QualityIssue") { 5588 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none'); 5589 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none"); 5590 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none"); 5591 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 5592 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 5593 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup ").removeClass("d-none"); 5594 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 5595 5596 } 5597 else if(response.receiptStatus == "DuplicateReceipt") { 5598 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none') 5599 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none"); 5600 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 5601 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none"); 5602 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").removeClass("d-none"); 5603 //$(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none"); 5604 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 5605 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 5606 } 5607 else if(response.receiptStatus == "Fraud") { 5608 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none') 5609 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none"); 5610 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 5611 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").removeClass("d-none"); 5612 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 5613 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fifth_Error_popup").removeClass("d-none"); 5614 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 5615 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 5616 } 5617 else {
5618 /// defaultly added as not eligible screen 5619 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none') 5620 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none"); 5621 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 5622 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").removeClass("d-none"); 5623 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 5624 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fifth_Error_popup").removeClass("d-none"); 5625 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 5626 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 5627 5628 } 5629 }, 5630 error: function (error) { 5631 console.log("error quality" + error); 5632 } 5633 }); 5634 5635 5636 } else { 5637 $(".loader-container").addClass("d-none"); 5638 $(".loader-container #load-success-message").addClass("d-none"); 5639 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 5640 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 5641 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 5642 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").removeClass("d-none"); 5643 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 5644 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 5645 $(".get_your_refund_process_main #step-1-details.third_error_popup_first_text").addClass("d-none"); 5646 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 5647 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 5648 } 5649 } else { 5650 return captchaflag; 5651 } 5652 5653 5654 }); 5655 $('#okayFrUploadPopup').on('show.bs.modal', function (event) { 5656 $("#isFileImportOkayfrError").css("display", "none"); 5657 $(".form_required_error").hide(); 5658 $("#g-recaptchaidokayfr").hide(); 5659 $("#capturedcontent_okayfr").css("display", "none"); 5660 5661 //startWebcamokayfr(); 5662 $("#btnCapture_okayfr").click(function () { 5663 captureImageokayfr(); 5664 // console.log(capturedfile); 5665 $("#capturedcontent_okayfr").css("display", "block"); 5666 $("#uploadcapturedimage_okayfr").addClass("btn_disabled"); 5667 $("#g-recaptchaid_mob_takepic").show(); 5668 }); 5669 }); 5670 5671 storeUtmParameters(); 5672 5673 //expiredcoupons(); 5674 5675 }); // end ready 5676 // function expiredcoupons(){ 5677 // $(".card").each(function(){ 5678 // var Isdisabled = $(this).data("disable"); 5679 // console.log("Isdisabled", Isdisabled); 5680 // if(Isdisabled == 0){ 5681 // $(this).find(".expiredcoupon").css({ 5682 // "display": "none" 5683 // }); 5684 // } else if(Isdisabled == 1){ 5685 // $(this).find(".expiredcoupon").css({ 5686 // "display": "block" 5687 // }); 5688 // } 5689 5690 // }) 5691 5692 5693 // } 5694 5695 5696 5697 5698 function loaddefaultselection() { 5699 //console.log("basket count",localStorage.getItem('basketcount'),"coupons", localStorage.getItem('coupons')); 5700 if(localStorage.getItem('basketcount') == null) { 5701 var cardlength = $(".discount_coupons_cards.selected").length; 5702 localStorage.setItem('basketcount', cardlength); 5703 } 5704 if(localStorage.getItem('coupons') !="undefined"){ 5705 var storedcoupontype = localStorage.getItem('couponTypeselected'); 5706 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 5707 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 5708 var selected = localStorage.getItem('coupons'); 5709 var selectedarrparsed = JSON.parse(selected); 5710 $.each(selectedarrparsed, function (index, val) { 5711 $(".discount_coupons_cards").each(function (i, e) { 5712 //console.log("e", e.getAttribute("data-coupontype")); 5713 if (e.id == val.id) { 5714 e.classList.add("selected"); 5715 //e.addClass("selected"); 5716 } 5717 5718 }); 5719 if ($("#" + val.id).hasClass("selected")) { 5720 $("#" + val.id).find("#flexCheckChecked").prop("checked", true); 5721 } 5722 // console.log("storedcoupontype", storedcoupontype); 5723 /*$(".discount_coupons_cards").each(function () { 5724 if (storedcoupontype != $(this).data("c
5724oupontype")) { 5725 console.log("inside if not with selected type"); 5726 $(this).find(".disabledcoupon").show(); 5727 5728 } 5729 });*/ 5730 }); 5731 5732 // Total amount display// 5733 var tamount = 0; var quickbasketwrap = []; var finalamount1 = 0; 5734 var selected = localStorage.getItem('coupons'); 5735 var selectedarrparsed = JSON.parse(selected); 5736 $.each(selectedarrparsed, function (index, val) { 5737 quickbasketwrap += '<div class="basket_popup_data_list d-flex justify-content-between" id="' + val.id + '">'; 5738 quickbasketwrap += '<div class="basket_popup_contect_text text-start" tabindex="0">'; 5739 quickbasketwrap += '<h5>' + val.title + '</h5>'; 5740 quickbasketwrap += '<p>' + '' + val.validity + '</p>'; 5741 quickbasketwrap += '<p class="d-none">(uniquement valable sur site Name) < /p>'; 5742 quickbasketwrap += '</div>'; 5743 if(val.discounttype == "Amount"){ 5744 quickbasketwrap += '<div class="basket_popup_amount_show d-flex" >'; 5745 quickbasketwrap += '<p tabindex="0">' + val.amount + '€' + '</p>'; 5746 quickbasketwrap += '<span class="ms-3 text-white closebutton" tabindex="0" >╳ </span>'; 5747 quickbasketwrap += '</div>'; 5748 } else { 5749 quickbasketwrap += '<div class="basket_popup_amount_show d-flex" >'; 5750 quickbasketwrap += '<p tabindex="0">' + val.amount + '%' + '</p>'; 5751 quickbasketwrap += '<span class="ms-3 text-white closebutton" tabindex="0">╳ </span>'; 5752 quickbasketwrap += '</div>'; 5753 } 5754 5755 quickbasketwrap += '</div>'; 5756 if (val.discounttype == "Amount") { 5757 var valmount = (val.amount).toString(); 5758 if (valmount.indexOf(',') > -1) { 5759 valmount = valmount.replace(",", ".") 5760 } 5761 tamount = (parseFloat(tamount) + parseFloat(valmount)).toFixed(2); 5762 var finalamount = tamount.toString(); 5763 finalamount1 = finalamount.replace(".", ","); 5764 } 5765 }); 5766 $("#quickbasketloop").html(quickbasketwrap); 5767 var BasketCount = localStorage.getItem('basketcount'); 5768 if(BasketCount == 1){ 5769 var selected = localStorage.getItem('coupons'); 5770 var selectedarrparsed = JSON.parse(selected); 5771 $.each(selectedarrparsed, function (index, val) { 5772 if(val.discounttype == "Amount"){ 5773 $("#Totaladdedamount").show(); 5774 $(".total_button").show(); 5775 $("#Totaladdedamount").text(finalamount1 + "€"); 5776 $("#Totaladdedamountinside").text(finalamount1 + "€"); 5777 $("#total_price_mobile").text(finalamount1 + "€"); 5778 } else { 5779 $("#Totaladdedamount").hide(); 5780 $(".total_button").hide(); 5781 } 5782 }); 5783 5784 } else { 5785 $("#Totaladdedamount").text(finalamount1 + "€"); 5786 $("#Totaladdedamountinside").text(finalamount1 + "€"); 5787 $("#total_price_mobile").text(finalamount1 + "€"); 5788 } 5789 5790 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 5791 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 5792 } 5793 5794 } 5795 5796 5797 var selectedcardarr; 5798 function selectedcardcount() { 5799 selectedcardarr = []; 5800 $(".discount_coupons_cards.selected").each(function () { 5801 coupondetails = {}; 5802 coupondetails.id = this.id; 5803 coupondetails.title = $(this).data("title"); 5804 coupondetails.validity = $(this).data("validity"); 5805 coupondetails.amount = $(this).data("amount");
5806 coupondetails.coupontype = $(this).data("coupontype"); 5807 coupondetails.couponcode = $(this).data("couponcode"); 5808 coupondetails.siteurl = $(this).data("siteurl"); 5809 coupondetails.startdate = $(this).data("startdate"); 5810 coupondetails.description = $(this).data("description"); 5811 coupondetails.brand = $(this).data("brand"); 5812 coupondetails.productfamily = $(this).data("productfamily"); 5813 coupondetails.enddate = $(this).data("enddate"); 5814 coupondetails.couponusagetitle = $(this).data("couponusagetitle"); 5815 coupondetails.couponcategory = $(this).data("couponcategory"); 5816 coupondetails.kweericampaignid = $(this).data("kweericampaignid"); 5817 coupondetails.discounttype = $(this).data("discounttype"); 5818 selectedcardarr.push(coupondetails); 5819 }); 5820 //console.log("selectedcardarr==>", selectedcardarr); 5821 var cardlength = selectedcardarr.length; 5822 5823 // set the item in localStorage 5824 localStorage.setItem('coupons', JSON.stringify(selectedcardarr)); 5825 localStorage.setItem('basketcount', cardlength); 5826 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 5827 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 5828 // Total amount display// 5829 var tamount = 0; var quickbasketwrap = []; var finalamount1 = 0; 5830 var selected = localStorage.getItem('coupons'); 5831 var selectedarrparsed = JSON.parse(selected); 5832 //console.log("selectedarrparsed-======>", selectedarrparsed); 5833 addBasketItems(selectedarrparsed); 5834 $.each(selectedarrparsed, function (index, val) { 5835 quickbasketwrap += '<div class="basket_popup_data_list d-flex justify-content-between" id="' + val.id + '">'; 5836 quickbasketwrap += '<div class="basket_popup_contect_text text-start " tabindex="0">'; 5837 quickbasketwrap += '<h5>' + val.title + '</h5>'; 5838 quickbasketwrap += '<p>' + '' + val.validity + '</p>'; 5839 quickbasketwrap += '<p class="d-none">(uniquement valable sur site Name) < /p>'; 5840 quickbasketwrap += '</div>'; 5841 if (val.discounttype == 'Amount') { 5842 quickbasketwrap += '<div class="basket_popup_amount_show d-flex" >'; 5843 quickbasketwrap += '<p tabindex="0">' + val.amount + '€' + '</p>'; 5844 quickbasketwrap += '<span class="ms-3 text-white closebutton" tabindex="0">╳ </span>'; 5845 quickbasketwrap += '</div>'; 5846 } else { 5847 quickbasketwrap += '<div class="basket_popup_amount_show d-flex" >'; 5848 quickbasketwrap += '<p tabindex="0">' + val.amount + '%' + '</p>'; 5849 quickbasketwrap += '<span class="ms-3 text-white closebutton" tabindex="0">╳ </span>'; 5850 quickbasketwrap += '</div>'; 5851 } 5852 5853 quickbasketwrap += '</div>'; 5854 5855 if (val.discounttype == 'Amount') { 5856 var valmount = (val.amount).toString(); 5857 if (valmount.indexOf(',') > -1) { 5858 valmount = valmount.replace(",", ".") 5859 } 5860 tamount = (parseFloat(tamount) + parseFloat(valmount)).toFixed(2); 5861 var finalamount = tamount.toString(); 5862 finalamount1 = finalamount.replace(".", ","); 5863 } 5864 5865 5866 }); 5867 $("#quickbasketloop").html(quickbasketwrap); 5868 var BasketCount = localStorage.getItem('basketcount'); 5869 if (BasketCount == 1) { 5870 var selected = localStorage.getItem('coupons'); 5871 var selectedarrparsed = JSON.parse(selected); 5872 $.each(selectedarrparsed, function (index, val) { 5873 if (val.discounttype == "Amount") { 5874 $("#Totaladdedamount").show(); 5875 $(".total_button").show(); 5876 $("#Totaladdedamount").text(finalamount1 + "€"); 5877 $("#Totaladdedamountinside").text(finalamount1 + "€"); 5878 $("#total_price_mobile").text(finalamount1 + "€"); 5879 } else { 5880 $("#Totaladdedamount").hide(); 5881 $(".total_button").hide(); 5882 } 5883 }); 5884 5885 } else { 5886 $("#Totaladdedamount").show(); 5887 $(".total_button").show(); 5888 $("#Totaladdedamount").text(finalamount1 + "€"); 5889 $("#Totaladdedamountinside").text(finalamount1 + "€"); 5890 $("#total_price_mobile").text(finalamount1 + "€"); 5891 } 5892 5893 } 5894 $(document).on("click keydown", ".closebutton", function (e) { 5895 if (e.type === "click" || (e.type === "keydown" && e.key === "Enter")) { 5896 var closedid = $(this).parents(".basket_popup_data_list").attr("id"); 5897 $(".discount_coupons_cards").each(function (index, element) {
5898 if (element.id == closedid) { 5899 element.classList.remove("selected"); 5900 $(this).css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" }); 5901 } 5902 }); 5903 5904 var selected = localStorage.getItem('coupons'); 5905 var selectedarrparsed = JSON.parse(selected); 5906 var selectedcardarr = $.grep(selectedarrparsed, function (e) { 5907 return e.id != closedid; 5908 }); 5909 5910 // set the item in localStorage 5911 var cardlength = selectedcardarr.length; 5912 localStorage.setItem('coupons', JSON.stringify(selectedcardarr)); 5913 localStorage.setItem('basketcount', cardlength); 5914 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 5915 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 5916 5917 // Total amount display 5918 var tamount = 0; 5919 var quickbasketwrap = []; 5920 var finalamount1 = 0; 5921 var selected = localStorage.getItem('coupons'); 5922 var selectedarrparsed = JSON.parse(selected); 5923 5924 $.each(selectedarrparsed, function (index, val) { 5925 quickbasketwrap += '<div class="basket_popup_data_list d-flex justify-content-between" id="' + val.id + '">'; 5926 quickbasketwrap += '<div class="basket_popup_contect_text text-start " tabindex="0">'; 5927 quickbasketwrap += '<h5>' + val.title + '</h5>'; 5928 quickbasketwrap += '<p>' + '' + val.validity + '</p>'; 5929 quickbasketwrap += '<p class="d-none">(uniquement valable sur site Name) < /p>'; 5930 quickbasketwrap += '</div>'; 5931 quickbasketwrap += '<div class="basket_popup_amount_show d-flex" >'; 5932 quickbasketwrap += '<p tabindex="0">' + val.amount + '€' + '</p>'; 5933 quickbasketwrap += '<span class="ms-3 text-white closebutton" tabindex="0">╳ </span>'; 5934 quickbasketwrap += '</div>'; 5935 quickbasketwrap += '</div>'; 5936 5937 if (val.discounttype == 'Amount') { 5938 var valmount = (val.amount).toString(); 5939 if (valmount.indexOf(',') > -1) { 5940 valmount = valmount.replace(",", "."); 5941 } 5942 tamount = (parseFloat(tamount) + parseFloat(valmount)).toFixed(2); 5943 var finalamount = tamount.toString(); 5944 finalamount1 = finalamount.replace(".", ","); 5945 } 5946 }); 5947 5948 $("#quickbasketloop").html(quickbasketwrap); 5949 5950 var BasketCount = localStorage.getItem('basketcount'); 5951 if (BasketCount == 1) { 5952 var selected = localStorage.getItem('coupons'); 5953 var selectedarrparsed = JSON.parse(selected); 5954 $.each(selectedarrparsed, function (index, val) { 5955 if (val.discounttype == "Amount") { 5956 $("#Totaladdedamount").show(); 5957 $(".total_button").show(); 5958 $("#Totaladdedamount").text(finalamount1 + "€"); 5959 $("#Totaladdedamountinside").text(finalamount1 + "€"); 5960 $("#total_price_mobile").text(finalamount1 + "€"); 5961 } else { 5962 $("#Totaladdedamount").hide(); 5963 $(".total_button").hide(); 5964 } 5965 }); 5966 } else { 5967 $("#Totaladdedamount").show(); 5968 $(".total_button").show(); 5969 $("#Totaladdedamount").text(finalamount1 + "€"); 5970 $("#Totaladdedamountinside").text(finalamount1 + "€"); 5971 $("#total_price_mobile").text(finalamount1 + "€"); 5972 } 5973 5974 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 5975 $(".discount_coupons_cards#" + closedid).find("#flexCheckChecked").prop("checked", false); 5976 $(".basket_popup_data_list#" + closedid).css("display", "none"); 5977 //console.log(localStorage.getItem('basketcount')); 5978 5979 if (localStorage.getItem('basketcount') == 0) { 5980 $(".disabledcoupon").hide(); 5981 $("#myPopup").css("display", "none"); 5982 } 5983 } 5984 });
5985 5986 5987 $(document).on("click keydown", "#removeall", function (e) { 5988 if (e.type === "click" || (e.type === "keydown" && e.key === "Enter")) { 5989 $("#quickbasketloop").html(""); 5990 $("#Totaladdedamount").text("0€"); 5991 $("#Totaladdedamountinside").text("0€"); 5992 $("#total_price_mobile").text("0€"); 5993 $(".discount_coupons_cards").removeClass("selected"); 5994 $(".disabledcoupon").hide(); 5995 localStorage.removeItem('coupons'); 5996 localStorage.removeItem("couponTypeselected"); 5997 localStorage.setItem('basketcount', 0); 5998 $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" }); 5999 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 6000 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 6001 $(".discount_coupons_cards").each(function () { 6002 $(this).find(".selectcheckbox").prop("checked", false); 6003 }); 6004 $(".basket_popup_main").css("display", "none"); 6005 RefreshCouponListforCapping(); 6006 } 6007 }); 6008 6009 6010 $(document).on("keydown", ".closebutton", function (e) { 6011 if(e.key == 'Enter') 6012 { 6013 var closedid = $(this).parents(".basket_popup_data_list").attr("id"); 6014 $(".discount_coupons_cards").each(function (index, element) { 6015 if (element.id == closedid) { 6016 element.classList.remove("selected"); 6017 $(this).css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" }) 6018 } 6019 6020 }); 6021 var selected = localStorage.getItem('coupons'); 6022 var selectedarrparsed = JSON.parse(selected); 6023 var selectedcardarr = $.grep(selectedarrparsed, function (e) { 6024 return e.id != closedid; 6025 }); 6026 6027 6028 // set the item in localStorage 6029 var cardlength = selectedcardarr.length; 6030 localStorage.setItem('coupons', JSON.stringify(selectedcardarr)); 6031 localStorage.setItem('basketcount', cardlength); 6032 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 6033 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 6034 // Total amount display// 6035 var tamount = 0; var quickbasketwrap = []; var finalamount1 = 0; 6036 var selected = localStorage.getItem('coupons'); 6037 var selectedarrparsed = JSON.parse(selected); 6038 $.each(selectedarrparsed, function (index, val) { 6039 quickbasketwrap += '<div class="basket_popup_data_list d-flex justify-content-between" id="' + val.id + '">'; 6040 quickbasketwrap += '<div class="basket_popup_contect_text text-start " tabindex="0">'; 6041 quickbasketwrap += '<h5>' + val.title + '</h5>'; 6042 quickbasketwrap += '<p>' + '' + val.validity + '</p>'; 6043 quickbasketwrap += '<p class="d-none">(uniquement valable sur site Name) < /p>'; 6044 quickbasketwrap += '</div>'; 6045 quickbasketwrap += '<div class="basket_popup_amount_show d-flex" >'; 6046 quickbasketwrap += '<p tabindex="0">' + val.amount + '€' + '</p>'; 6047 quickbasketwrap += '<span class="ms-3 text-white closebutton" tabindex="0">╳ </span>'; 6048 quickbasketwrap += '</div>'; 6049 quickbasketwrap += '</div>'; 6050 6051 if (val.discounttype == 'Amount') { 6052 var valmount = (val.amount).toString(); 6053 if (valmount.indexOf(',') > -1) { 6054 valmount = valmount.replace(",", ".") 6055 } 6056 tamount = (parseFloat(tamount) + parseFloat(valmount)).toFixed(2); 6057 var finalamount = tamount.toString(); 6058 finalamount1 = finalamount.replace(".", ","); 6059 } 6060 }); 6061 $("#quickbasketloop").html(quickbasketwrap); 6062 6063 var BasketCount = localStorage.getItem('basketcount'); 6064 if (BasketCount == 1) { 6065 var selected = localStorage.getItem('coupons'); 6066 var selectedarrparsed = JSON.parse(selected); 6067 $.each(selectedarrparsed, function (index, val) { 6068 if (val.discounttype == "Amount") { 6069 $("#Totaladdedamount").show(); 6070 $(".total_button").show(); 6071 $("#Totaladdedamount").text(finalamount1 + "€"); 6072 $("#Totaladdedamountinside").text(finalamount1 + "€"); 6073 $("#total_price_mobile").text(finalamount1 + "€"); 6074 } else { 6075 $("#Totaladdedamount").hide(); 6076 $(".total_button").hide(); 6077 } 6078 }); 6079 6080 } else { 6081 $("#Totaladdedamount").show(); 6082 $(".total_button").show(); 6083 $("#Totaladdedamount").text(finalamount1 + "€"); 6084 $("#Totaladdedamountinside").text(finalamount1 + "€"); 6085 $("#total_price_mobile").text(finalamount1 + "€"); 6086 } 6087 6088 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 6089 $(".discount_coupons_cards#" + closedid).find("#flexCheckChecked").prop("checked", false); 6090 $(".basket_popup_data_list#" + closedid).css("display", "none"); 6091 // console.log(localStorage.getItem('basketcount')); 6092 if (localStorage.getItem('basketcount') == 0) { 6093 $(".disabledcoupon").hide(); 6094 $("#myPopup").css("display", "none"); 6095 } 6096 } 6097 6098 }); 6099 6100 6101 6102 6103 $(document).on("click", "#removeall", function (e) { 6104 $("#quickbasketloop").html(""); 6105 $("#Totaladdedamount").text("0€"); 6106 $("#Totaladdedamountinside").text("0€"); 6107 $("#total_price_mobile").text("0€"); 6108 $(".discount_coupons_cards").removeClass("selected"); 6109 $(".disabledcoupon").hide();
6110 localStorage.removeItem('coupons'); 6111 localStorage.removeItem("couponTypeselected"); 6112 localStorage.setItem('basketcount', 0); 6113 $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" }) 6114 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 6115 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 6116 $(".discount_coupons_cards").each(function () { 6117 $(this).find(".selectcheckbox").prop("checked", false); 6118 }); 6119 $(".basket_popup_main").css("display", "none") 6120 RefreshCouponListforCapping(); 6121 }); 6122 6123 6124 6125 6126 $(document).on("keydown", "#removeall", function (e) { 6127 if(e.key == 'Enter') 6128 { 6129 $("#quickbasketloop").html(""); 6130 $("#Totaladdedamount").text("0€"); 6131 $("#Totaladdedamountinside").text("0€"); 6132 $("#total_price_mobile").text("0€"); 6133 $(".discount_coupons_cards").removeClass("selected"); 6134 $(".disabledcoupon").hide(); 6135 localStorage.removeItem('coupons'); 6136 localStorage.removeItem("couponTypeselected"); 6137 localStorage.setItem('basketcount', 0); 6138 $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" }) 6139 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 6140 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 6141 $(".discount_coupons_cards").each(function () { 6142 $(this).find(".selectcheckbox").prop("checked", false); 6143 }); 6144 $(".basket_popup_main").css("display", "none") 6145 RefreshCouponListforCapping(); 6146 } 6147 6148 }); 6149 6150 6151 6152 function LoadLoginScreen() { 6153 // console.log("show sreenset LoadSignupPage "); 6154 sessionStorage.setItem("ScrollAfterLogin", "true"); 6155 6156 gigya.accounts.showScreenSet({ 6157 screenSet: "cross-category-RegistrationLogin", 6158 startScreen: "login-monbienetrerecompense", 6159 sessionExpiration: 3600, 6160 lang: "fr" 6161 }); 6162 } 6163 function LoadSingupScreen() { 6164 gigya.accounts.showScreenSet({ 6165 screenSet: "cross-category-RegistrationLogin", 6166 startScreen: 'registration-monbienetrerecompense', 6167 sessionExpiration: 3600, 6168 lang: "fr" 6169 }); 6170 } 6171 6172 function LoadDedicatedSingupScreen(containerId) { 6173 gigya.accounts.showScreenSet({ 6174 screenSet: "cross-category-RegistrationLogin", 6175 startScreen: 'registration-monbienetrerecompense', 6176 containerID: containerId, // the id of the div where the screenset should be injected 6177 sessionExpiration: 3600, 6178 lang: "fr" 6179 }); 6180 } 6181 6182 function LoadDedicatedOkayfrSingupScreen(containerId) { 6183 gigya.accounts.showScreenSet({ 6184 screenSet: "cross-category-RegistrationLogin", 6185 startScreen: 'registration-monbienetrerecompense-lotusbrand', 6186 containerID: containerId, // the id of the div where the screenset should be injected 6187 sessionExpiration: 3600, 6188 lang: "fr" 6189 }); 6190 } 6191 6192 function LoadDedicatedTenaSingupScreen(containerId) { 6193 gigya.accounts.showScreenSet({ 6194 screenSet: "cross-category-RegistrationLogin", 6195 startScreen: 'registration-monbienetrerecompense-tena', 6196 containerID: containerId, // the id of the div where the screenset should be injected 6197 sessionExpiration: 3600, 6198 lang: "fr" 6199 }); 6200 } 6201 6202 function LoadProfileUpdateScreen(containerId) { 6203 //console.log("show sreenset LoadProfileUpdate"); 6204 gigya.accounts.showScreenSet({ 6205 screenSet: "cross-category-RegistrationLogin", 6206 startScreen: "edit-profile-monbienetrerecompense", 6207 containerID: containerId, // the id of the div where the screenset should be injected 6208 sessionExpiration: 3600, 6209 lang: "fr", 6210 callback: ProfileCallback, 6211 onAfterSubmit: AfterProfileSubmit 6212 }); 6213 } 6214 6215 6216 function LoadProfileSubscriptionScreen(containerId) { 6217 // console.log("show sreenset LoadProfileUpdate"); 6218 gigya.accounts.showScreenSet({ 6219 screenSet: "cross-category-RegistrationLogin", 6220 startScreen: "edit-subscriptions-monbienetrerecompense", 6221 containerID: containerId, // the id of the div where the screenset should be injected 6222 sessionExpiration: 3600, 6223 lang: "fr", 6224 }); 6225 } 6226 6227 function LoadResetPasswordScreen(containerId) { 6228 // console.log("show sreenset LoadResetpassword"); 6229 gigya.accounts.showScreenSet({ 6230 screenSet: "cross-category-RegistrationLogin", 6231 startScreen: "resetpassword-monbienetrerecompense", 6232 containerID: containerId, 6233 sessionExpiration: 3600, 6234 lang: "fr", 6235 }); 6236 6237 } 6238 6239 // gigya.accounts.login({ callback: LoginCDC }); 6240 gigya.accounts.addEventHandlers({ 6241 onLogin: LoginUser,
6242 // onLogout: LogOutCDC 6243 }); 6244 6245 6246 6247 function LoginUser(res) { 6248 // console.log("login cdc response ", res); 6249 Id = res.UID; 6250 localStorage.setItem("loginUserId",res.UID); 6251 6252 // console.log("login cdc response ", Id); 6253 SetSignedIn(res); 6254 SetSignupButtons(res.UID); 6255 loadFooterBrandButton(); 6256 SetUserSession(res); 6257 UpdateProfileTotalDiscount(res.UID); 6258 RefreshCouponListforCapping(); 6259 6260 if (localStorage.getItem('basketcount') > 0) { 6261 GetCoupons(CappingResetBasket); 6262 } 6263 var selected = localStorage.getItem('coupons'); 6264 var selectedarrparsed = JSON.parse(selected); 6265 //console.log("selectedarrparsed-======>", selectedarrparsed); 6266 addBasketItems(selectedarrparsed); 6267 6268 if (sessionStorage.getItem("ScrollAfterLogin") === "true") { 6269 6270 setTimeout(function () { 6271 const target = document.getElementById("BtnScrollOkFrFrom"); 6272 if (target) { 6273 target.scrollIntoView({ 6274 behavior: "smooth", 6275 block: "start" 6276 }); 6277 } 6278 sessionStorage.removeItem("ScrollAfterLogin"); 6279 }, 500); 6280 } 6281 } 6282 function CappingResetBasket(data) 6283 { 6284 //console.log(localStorage.getItem('coupons')); 6285 if (localStorage.getItem('coupons') != "undefined") { 6286 var couponlist = []; 6287 6288 couponlist = data.couponList; 6289 //console.log("Coupon List", JSON.stringify(couponlist)); 6290 const found_ids = couponlist.filter(v => v.isDisabled === 1); 6291 6292 var selectedcoupons = localStorage.getItem('coupons'); 6293 var selectedarrparsed1 = JSON.parse(selectedcoupons); 6294 var finallistofcoupons; 6295 const removeIds = selectedarrparsed1.filter(c => found_ids.some(s => s.id === c.id)).map(item => item.id); 6296 //console.log(removeIds); 6297 //var finaldata; 6298 // $.each(selectedarrparsed1, function (index, val) { 6299 // console.log(val.id) 6300 // finaldata = $.grep(result, function (e) { 6301 // return e.id != val.id; 6302 // }); 6303 // }); 6304 var finaldata = selectedarrparsed1.filter(function (item) { 6305 return !removeIds.includes(item.id); 6306 }); 6307 6308 //console.log("finaldata", finaldata, finaldata.length); 6309 6310 // set the item in localStorage 6311 if (removeIds.length > 0) { 6312 6313 loaderrorpop(); 6314 localStorage.setItem('coupons', JSON.stringify(finaldata)); 6315 localStorage.setItem('basketcount', finaldata.length) 6316 loaddefaultselection(); 6317 } 6318 6319 } 6320 } 6321 6322 function LogOutUser(response) { 6323 //console.log("logout cdc response " + response); 6324 ClearUser(); 6325 SetSignupButtons(); 6326 loadFooterBrandButton(); 6327 SetUserSession(response, true); 6328 redirectHome(); 6329 } 6330 function redirectHome() { 6331 window.location.href = "/"; 6332 } 6333 6334 function CheckAndClearUserSession() { 6335 var sessionStartTime = parseInt(sessionStorage.getItem('sessionStartTime')); 6336 if (sessionStartTime) { 6337 var currentTime = new Date().getTime(); 6338 var sessionAge = currentTime - sessionStartTime; 6339 if (sessionAge > 480 * 60 * 1000) { // 480 mins/8hrs 6340 ClearUser(); 6341 // SetSignupButtons(); 6342 SetUserSession(null, true); 6343 // console.log('Session expired and cleared.'); 6344 } 6345 } 6346 6347 } 6348 function loadFooterBrandButton() { 6349 var IsSigned = IsUserSigned(); 6350 if (IsSigned == "true") { 6351 $("#LoggedInUsers").show(); 6352 $("#OtherUsers").hide(); 6353 } 6354 else { 6355 $("#OtherUsers").show(); 6356 $("#LoggedInUsers").hide(); 6357 } 6358 } 6359 6360 function SetSignedIn(response) { 6361 //console.log("SetUserDetails called"); 6362 sessionStorage.setItem('IsSigned', true); 6363 var sessionStartTime = new Date().getTime(); 6364 sessionStorage.setItem('sessionStartTime', sessionStartTime.toString()); 6365 6366 } 6367 6368 function IsUserSigned() { 6369 CheckAndClearUserSession(); 6370 return sessionStorage.getItem('IsSigned'); 6371 } 6372 6373 function ClearUser() { 6374 sessionStorage.removeItem('IsSigned'); 6375 sessionStorage.removeItem('sessionStartTime'); 6376 sessionStorage.removeItem('adminuserstatus'); 6377 } 6378 function Adminuser(UID) { 6379 //console.log("login cdc response 968", UID); 6380 var result = false; 6381 $.ajax({
6382 url: '/AdminScreen/AdminUser', 6383 type: "GET", 6384 data: { UserId: UID }, 6385 dataType: "json", 6386 async: false, 6387 success: function (response) { 6388 //console.log("User Status 918", response); 6389 result = response; 6390 }, 6391 error: function (xhr, status, error) { 6392 console.error('Error fetching user details:', error); 6393 } 6394 }); 6395 // console.log("User Status 925 AdminUser", result); 6396 return result; 6397 } 6398 6399 6400 6401 function SetSignupButtons(UID) { 6402 var IsSigned = IsUserSigned(); 6403 if (IsSigned) { 6404 var enableAdminMenu = false; 6405 enableAdminMenu = Adminuser(UID); 6406 6407 // console.log("User Status 982", enableAdminMenu); 6408 if (enableAdminMenu == true) { 6409 // console.log("User Status 984", a); 6410 $(".PrfCLSAdminScreen").show(); 6411 } 6412 else { 6413 $(".PrfCLSAdminScreen").hide(); 6414 } 6415 $(".PrfCLSLogout").show(); 6416 $(".PrfCLSProfileInfo").show(); 6417 $("#essityRegister").hide(); 6418 $("#bannerRegister").hide(); 6419 $("#newslatter").hide(); 6420 $(".PrfCLSLogin").hide(); 6421 $(".PrfCLSRegister").hide(); 6422 $("#profileHeaderSection").removeClass('d-none'); 6423 //okay fr buttons 6424 6425 // Changes ---- 6426 6427 var InsStatus = IsUserInstawinTransStatus(UID); 6428 if(InsStatus.isSuccess == true){ 6429 $("#BtnOkayParticipation").show(); 6430 $(".okayfr_terms_and_conditions").removeClass("d-none"); 6431 } 6432 else{ 6433 $("#BtnOkayParticipation").hide(); 6434 $(".okayfr_participation_limit_exceeded").removeClass("d-none"); 6435 $(".okayfr_terms_and_conditions").addClass("d-none"); 6436 } 6437 6438 $("#BtnOkayRegister").hide(); 6439 $("#BtnOkayLogin").hide(); 6440 6441 6442 6443 } 6444 else { 6445 $(".PrfCLSLogout").hide(); 6446 $(".PrfCLSProfileInfo").hide(); 6447 $(".PrfCLSAdminScreen").hide(); 6448 $("#essityRegister").show(); 6449 $("#bannerRegister").show(); 6450 $("#newslatter").show(); 6451 $(".PrfCLSLogin").show(); 6452 $(".PrfCLSRegister").show(); 6453 $("#profileHeaderSection").addClass('d-none'); 6454 //okay fr buttons 6455 $("#BtnOkayParticipation").hide(); 6456 $("#BtnOkayRegister").show(); 6457 $("#BtnOkayLogin").show(); 6458 } 6459 SetRegisterButtonMobile(); 6460 } 6461 6462 function SetRegisterButtonMobile() { 6463 var IsSigned = IsUserSigned(); 6464 var checkResolution = checkWindowResolution(); 6465 if (checkResolution) { 6466 if (IsSigned) { 6467 $(".PrfCLSMOBLogout").show(); 6468 $(".PrfCLSMOBProfileInfo").show(); 6469 $(".PrfCLSMOBLogin").hide(); 6470 $(".PrfCLSMOBRegister").hide(); 6471 } 6472 else { 6473 $(".PrfCLSMOBLogout").hide(); 6474 $(".PrfCLSMOBProfileInfo").hide(); 6475 $(".PrfCLSMOBLogin").show(); 6476 $(".PrfCLSMOBRegister").show(); 6477 } 6478 } 6479 6480 } 6481 6482 6483 function checkWindowResolution() { 6484 var screenWidth = $(window).width(); 6485 var screenHeight = $(window).height(); 6486 var maxWidth = 1024; 6487 if (screenWidth <= maxWidth) { 6488 return true; 6489 } else { 6490 return false; 6491 } 6492 } 6493 6494 6495 $(window).resize(function () { 6496 SetRegisterButtonMobile(); 6497 }); 6498 6499 function SetUserSession(reqData, isRemoveSession) { 6500 var postData; 6501 var token = $('input[name="__RequestVerificationToken"]').val(); 6502 if (!isRemoveSession) { 6503 var profile = reqData.profile; 6504 // console.log("full name " + profile.firstName + " " + profile.lastName); 6505 postData = { 6506 UID: reqData.UID, 6507 Name: profile.firstName + " " + profile.lastName, 6508 Email: profile.email 6509 } 6510 } 6511 $.ajax({
6512 url: '/Account/SetUserSession', 6513 type: 'POST', 6514 data: { request: postData, IsRemoveSession: isRemoveSession }, 6515 beforeSend: function (xhr) { 6516 xhr.setRequestHeader("RequestVerificationToken", token); 6517 }, 6518 dataType: "json", 6519 async:false, 6520 success: function (result) { 6521 //console.log("SetUserSession success event "); 6522 }, 6523 error: function (xhr, status, error) { 6524 console.log("SetUserSession failure event " + error); 6525 } 6526 }); 6527 } 6528 6529 function UpdateProfileTotalDiscount(userId) { 6530 var IsSigned = IsUserSigned(); 6531 if (IsSigned) { 6532 $.ajax({ 6533 url: '/Profile/GetProfileTotalDiscounts', 6534 type: 'GET', 6535 data: { userId: userId }, 6536 dataType: "json", 6537 success: function (result) { 6538 if (result) { 6539 var currencySymbol = "€"; 6540 $("#userTotalDiscounts").text(result.totalDiscount + currencySymbol); 6541 } 6542 //console.log("UpdateProfileTotalDiscount success event "); 6543 }, 6544 error: function (xhr, status, error) { 6545 console.log("UpdateProfileTotalDiscount failure event " + error); 6546 } 6547 }); 6548 } 6549 6550 } 6551 6552 // basket click to show and hide function 6553 function myFunction() { 6554 if (!IsUserSigned()) { 6555 // console.log("user not signed..."); 6556 LoadLoginScreen(); 6557 return; 6558 } 6559 if (localStorage.getItem('basketcount') == 0) { 6560 var x = document.getElementById("myPopup"); 6561 if (x.style.display === "block") { 6562 x.style.display = "none"; 6563 } 6564 return false; 6565 } 6566 var x = document.getElementById("myPopup"); 6567 if (x.style.display === "none") { 6568 x.style.display = "block"; 6569 var basketfirstPopUp = document.getElementById("BasketfirstPopUp"); 6570 var basketsecondPopUp = document.getElementById("BasketsecondPopUp"); 6571 basketsecondPopUp.classList.add("d-none") 6572 basketfirstPopUp.classList.remove("d-none"); 6573 6574 } else { 6575 x.style.display = "none"; 6576 6577 } 6578 } 6579 6580 function hideFirstPopup() { 6581 if (!IsUserSigned()) { 6582 //console.log("user not signed..."); 6583 LoadLoginScreen(); 6584 return; 6585 } 6586 6587 var x = document.getElementById("BasketfirstPopUp"); 6588 var y = document.getElementById("BasketsecondPopUp"); 6589 x.classList.add("d-none") 6590 y.classList.remove("d-none") 6591 $("#step-1").addClass("active"); 6592 $("#step-1").removeClass("disabled"); 6593 $("#step-2").addClass("disabled"); 6594 $("#step-2").removeClass("active"); 6595 $(".get_your_discount .modal-dialog").removeClass("step-2-container"); 6596 6597 $("#step-1-details").removeClass('d-none') 6598 $("#step-2-details").addClass("d-none"); 6599 6600 } 6601 6602 function loaderrorpop(){ 6603 console.log("load error pop is called"); 6604 $('#staticBackdrop').modal('show'); 6605 6606 } 6607 6608 6609 $(window).scroll(function () { 6610 //console.log("basketcalledbegin...."); 6611 if ('False' == 'False') { 6612 var faqElement = $('#faqPage'); 6613 //console.log("basketcalled"); 6614 if (faqElement.length && $(window).scrollTop() > ($('#faqPage').position().top - 460)) { 6615 $('#basketPopbtn').css('display', 'none'); 6616 var x = document.getElementById("myPopup"); 6617 if (window.matchMedia("(min-width: 767px)").matches) { 6618 x.style.display = "none"; 6619 } 6620 } 6621 6622 6623 else { 6624 //console.log("basketcalled...."); 6625 var stickybasketcount = localStorage.getItem('basketcount'); 6626 if (stickybasketcount == 0 && !($("#navReimbursement").hasClass("active"))) { 6627 $("#basketPopbtn").css("display", "none"); 6628 $(".basket_popup_mobile").css("display", "none"); 6629 } else if ($("#navReimbursement").hasClass("active") && stickybasketcount == 0) { 6630 $("#basketPopbtn").css("display", "block"); 6631 $(".basket_popup_mobile").css("display", "block"); 6632 } else { 6633 $("#basketPopbtn").css("display", "block"); 6634 $(".basket_popup_mobile").css("display", "block"); 6635 } 6636 6637 // $('#basketPopbtn').css('display', 'block'); 6638 } 6639 } 6640 }); 6641 6642 function isScrolledIntoView(elem) { 6643 var docViewTop = $(window).scrollTop(); 6644 var docViewBottom = docViewTop + $(window).height(); 6645 var elemTop = $(elem).offset().top; 6646 var elemBottom = elemTop + $(elem).height(); 6647 return ((elemTop < docViewBottom)); 6648 } 6649 6650 function updatingstickybasket(coupons){ 6651 var selectedcoupons = coupons; 6652 var selectedarrparsed1 = JSON.parse(selectedcoupons);
6653 $.each(selectedarrparsed1, function (index, val) { 6654 // console.log("basket_popup_submit_button===>", val, val.coupontype); 6655 if (val.coupontype == "WebReduction") { 6656 $(".basket_popup_second").find("#printcoupon").addClass("d-none"); 6657 $(".basket_popup_second").find("#emailcoupon").addClass("d-none"); 6658 $(".basket_popup_second").find("#cashback").addClass("d-none"); 6659 $(".basket_popup_second").find("#discountreduction").removeClass("d-none"); 6660 } else if (val.coupontype == "multi") { 6661 $(".basket_popup_second").find("#printcoupon").removeClass("d-none"); 6662 $(".basket_popup_second").find("#emailcoupon").removeClass("d-none"); 6663 if (userstatus == true) { 6664 $(".basket_popup_second").find("#cashback").removeClass("d-none"); 6665 } 6666 else { 6667 $(".basket_popup_second").find("#cashback").addClass("d-none"); 6668 } 6669 $(".basket_popup_second").find("#discountreduction").addClass("d-none"); 6670 } 6671 }) 6672 6673 var couponlistwrap = []; $('#GetYourDiscountModal').find("#selectedcouponcontainer").html(""); 6674 $.each(selectedarrparsed1, function (index, val) { 6675 if (val.coupontype == "WebReduction") { 6676 var data_family = encodeURIComponent(JSON.stringify(val)); 6677 //console.log("val-->", val); 6678 couponlistwrap += '<div class="row body_view">'; 6679 couponlistwrap += '<div class="col-md-4 d-none d-md-flex name_field" >'; 6680 couponlistwrap += '<input class="form-check-input couponcheckdes" type="checkbox" data-element="' + data_family + '" checked disabled>'; 6681 couponlistwrap += '<div class="details-data">'; 6682 couponlistwrap += '<p class="mb-0" >' + val.title + '</p>'; 6683 couponlistwrap += '<span class="nana_goodnight_sub_txt">'; 6684 couponlistwrap += val.couponusagetitle; 6685 couponlistwrap += '</span>'; 6686 couponlistwrap += '</div>'; 6687 couponlistwrap += '</div>'; 6688 couponlistwrap += '<div class="col-9 d-block d-md-none name_field" >'; 6689 couponlistwrap += '<input class="form-check-input couponcheckmob" type="checkbox" data-element="' + data_family + '" checked disabled>'; 6690 couponlistwrap += '<div class="details-data" >'; 6691 couponlistwrap += '<p class="mb-0" >' + val.title + '</p>'; 6692 couponlistwrap += '<p class="validity_field mb-0" >' + val.validity + '</p>'; 6693 couponlistwrap += ' <span class="nana_goodnight_sub_txt" >'; 6694 couponlistwrap += val.couponusagetitle; 6695 couponlistwrap += '</span>'; 6696 couponlistwrap += '</div>'; 6697 couponlistwrap += '</div>'; 6698 couponlistwrap += '<div class="col-md-2 validity_field d-none d-md-flex" >'; 6699 couponlistwrap += ' <p class="mb-0" >' + val.validity + '</p>'; 6700 couponlistwrap += ' </div>'; 6701 if(val.discounttype == "Amount"){ 6702 couponlistwrap += '<div class="col-3 col-md-2 discount_field" >'; 6703 couponlistwrap += '<p class="mb-0" >' + val.amount + '€' + '</p>';
6704 couponlistwrap += '</div>'; 6705 } else { 6706 couponlistwrap += '<div class="col-3 col-md-2 discount_field" >'; 6707 couponlistwrap += '<p class="mb-0" >' + val.amount + '%' + '</p>'; 6708 couponlistwrap += '</div>'; 6709 } 6710 6711 couponlistwrap += '<div class="col-12 col-md-2 coupon_field" >'; 6712 couponlistwrap += '<button class="coupon_field_button" >'; 6713 couponlistwrap += '<img class="copy_to_clipboard_icon copycouponcode" src = "/img/copy_icon.png" alt = "" >'; 6714 couponlistwrap += '<p class="coupon_code_txt mb-0" >' + val.couponcode + '</p>'; 6715 couponlistwrap += '</button>'; 6716 couponlistwrap += '<p class="coupon_copied_sucess_text">' + $("#CopiedTextTag").val() + '</p>'; 6717 couponlistwrap += '</div>'; 6718 couponlistwrap += '<div class="col-12 col-md-2 link_field" >'; 6719 couponlistwrap += '<img class="external_link_icon" src = "/img/external_link_icon.png" alt = "" >'; 6720 couponlistwrap += '<p class="external_link_txt mb-0" >'; 6721 couponlistwrap += '<a href="' + val.siteurl + '" target="_blank"> Aller sur le site </a>'; 6722 couponlistwrap += '</p>'; 6723 couponlistwrap += '</div>'; 6724 couponlistwrap += '</div>'; 6725 } 6726 }); 6727 $('#GetYourDiscountModal').find("#selectedcouponcontainer").html(couponlistwrap); 6728 } 6729 6730 // Disabling and enabling options according to coupon type selection 6731 $(document).on("click", ".basket_popup_submit_button", function () { 6732 validateUser_account(); 6733 var selectedcoupons = localStorage.getItem('coupons'); 6734 var selectedarrparsed1 = JSON.parse(selectedcoupons); 6735 var returncoupontype = checkingcoupontypes(selectedarrparsed1); 6736 validateBasketItems(selectedarrparsed1); 6737 //console.log("returncoupontype", returncoupontype); 6738 $.each(selectedarrparsed1, function (index, val) { 6739 // console.log("basket_popup_submit_button===>", val, val.coupontype,"returncoupontype====>",returncoupontype); 6740 if (returncoupontype == true) { 6741 if (val.coupontype == "WebReduction") { 6742 $(".basket_popup_second").find("#printcoupon").addClass("d-none"); 6743 /*$(".basket_popup_second").find("#printcoupon").css({ 6744 "opacity": "0.4", 6745 "cursor": "not-allowed" 6746 });*/ 6747 $(".basket_popup_second").find("#emailcoupon").addClass("d-none"); 6748 /*$(".basket_popup_second").find("#emailcoupon").css({ 6749 "opacity": "0.4", 6750 "cursor": "not-allowed" 6751 });*/ 6752 $(".basket_popup_second").find("#cashback").addClass("d-none"); 6753 /*$(".basket_popup_second").find("#cashback").css({ 6754 "opacity": "0.4", 6755 "cursor": "not-allowed" 6756 });*/ 6757 $(".basket_popup_second").find("#discountreduction").removeClass("d-none"); 6758 /*$(".basket_popup_second").find("#discountreduction").css({ 6759 "opacity": "1", 6760 "cursor": "pointer" 6761 });*/ 6762 } else if (val.coupontype == "multi") { 6763 $(".basket_popup_second").find("#printcoupon").removeClass("d-none"); 6764 /*$(".basket_popup_second").find("#printcoupon").css({ 6765 "opacity": "0.4",
6766 "cursor": "not-allowed" 6767 });*/ 6768 $(".basket_popup_second").find("#emailcoupon").removeClass("d-none"); 6769 /*$(".basket_popup_second").find("#emailcoupon").css({ 6770 "opacity": "0.4", 6771 "cursor": "not-allowed" 6772 });*/ 6773 $(".basket_popup_second").find("#cashback").removeClass("d-none"); 6774 /*$(".basket_popup_second").find("#cashback").css({ 6775 "opacity": "0.4", 6776 "cursor": "not-allowed" 6777 });*/ 6778 $(".basket_popup_second").find("#discountreduction").addClass("d-none"); 6779 /*$(".basket_popup_second").find("#discountreduction").css({ 6780 "opacity": "1", 6781 "cursor": "pointer" 6782 });*/ 6783 } 6784 6785 6786 6787 } 6788 if (returncoupontype == false) { 6789 //console.log("userstatus", userstatus); 6790 if (val.coupontype == "multi") { 6791 $(".basket_popup_second").find("#emailcoupon").removeClass("d-none"); 6792 /*$(".basket_popup_second").find("#emailcoupon").css({ 6793 "opacity": "1", 6794 "cursor": "pointer" 6795 });*/ 6796 6797 if (userstatus == true) { 6798 $(".basket_popup_second").find("#cashback").removeClass("d-none"); 6799 /*$(".basket_popup_second").find("#cashback .basket_popup_second_main_leftside").css({ 6800 "opacity": "1", 6801 "cursor": "pointer" 6802 }); 6803 $(".basket_popup_second").find("#cashback .basket_popup_second_main_rightside").css({ 6804 "opacity": "1", 6805 "cursor": "pointer" 6806 }); 6807 $(".cashback_tooltip").css({ 6808 "visibility": "hidden" 6809 });*/ 6810 6811 } else { 6812 $(".basket_popup_second").find("#cashback").addClass("d-none"); 6813 /*$(".basket_popup_second").find("#cashback .basket_popup_second_main_leftside").css({ 6814 "opacity": "0.4", 6815 "cursor": "not-allowed" 6816 }); 6817 $(".basket_popup_second").find("#cashback .basket_popup_second_main_rightside").css({ 6818 "opacity": "0.4", 6819 "cursor": "not-allowed" 6820 });*/ 6821 6822 // $("#cashback").hover(function () { 6823 // $(".cashback_tooltip").css({ 6824 // "visibility": "visible" 6825 // }); 6826 // }); 6827 6828 6829 } 6830 6831 $(".basket_popup_second").find("#discountreduction").removeClass("d-none"); 6832 /*$(".basket_popup_second").find("#discountreduction").css({ 6833 "opacity": "0.4", 6834 "cursor": "not-allowed" 6835 });*/ 6836 $(".basket_popup_second").find("#printcoupon").removeClass("d-none"); 6837 /*$(".basket_popup_second").find("#printcoupon").css({ 6838 "opacity": "1", 6839 "cursor": "pointer" 6840 });*/ 6841 } 6842 } 6843 6844 }); 6845 // Loading SElected Coupon list to popup // 6846 var selectedcoupons = localStorage.getItem('coupons'); 6847 var selectedarrparsed1 = JSON.parse(selectedcoupons);
6848 var couponlistwrap = []; $('#GetYourDiscountModal').find("#selectedcouponcontainer").html(""); 6849 $.each(selectedarrparsed1, function (index, val) { 6850 if (val.coupontype == "WebReduction") { 6851 var data_family = encodeURIComponent(JSON.stringify(val)); 6852 // console.log("val-->", val); 6853 couponlistwrap += '<div class="row body_view">'; 6854 couponlistwrap += '<div class="col-md-4 d-none d-md-flex name_field" >'; 6855 couponlistwrap += '<input class="form-check-input couponcheckdes" type="checkbox" data-element="' + data_family + '" checked disabled>'; 6856 couponlistwrap += '<div class="details-data">'; 6857 couponlistwrap += '<p class="mb-0" >' + val.title + '</p>'; 6858 couponlistwrap += '<span class="nana_goodnight_sub_txt">'; 6859 couponlistwrap += val.couponusagetitle; 6860 couponlistwrap += '</span>'; 6861 couponlistwrap += '</div>'; 6862 couponlistwrap += '</div>'; 6863 couponlistwrap += '<div class="col-9 d-block d-md-none name_field" >'; 6864 couponlistwrap += '<input class="form-check-input couponcheckmob" type="checkbox" data-element="' + data_family + '" checked disabled>'; 6865 couponlistwrap += '<div class="details-data" >'; 6866 couponlistwrap += '<p class="mb-0" >' + val.title + '</p>'; 6867 couponlistwrap += '<p class="validity_field mb-0" >' + val.validity + '</p>'; 6868 couponlistwrap += ' <span class="nana_goodnight_sub_txt" >'; 6869 couponlistwrap += val.couponusagetitle; 6870 couponlistwrap += '</span>'; 6871 couponlistwrap += '</div>'; 6872 couponlistwrap += '</div>'; 6873 couponlistwrap += '<div class="col-md-2 validity_field d-none d-md-flex" >'; 6874 couponlistwrap += ' <p class="mb-0" >' + val.validity + '</p>'; 6875 couponlistwrap += ' </div>'; 6876 if(val.discounttype == "Amount"){ 6877 couponlistwrap += '<div class="col-3 col-md-2 discount_field" >'; 6878 couponlistwrap += '<p class="mb-0" >' + val.amount + '€' + '</p>'; 6879 couponlistwrap += '</div>'; 6880 } else { 6881 couponlistwrap += '<div class="col-3 col-md-2 discount_field" >'; 6882 couponlistwrap += '<p class="mb-0" >' + val.amount + '%' + '</p>'; 6883 couponlistwrap += '</div>'; 6884 } 6885 if(val.couponcode!=""){ 6886 couponlistwrap += '<div class="col-12 col-md-2 coupon_field" >'; 6887 couponlistwrap += '<button class="coupon_field_button" >'; 6888 couponlistwrap += '<img class="copy_to_clipboard_icon copycouponcode" src = "/img/copy_icon.png" alt = "" >'; 6889 couponlistwrap += '<p class="coupon_code_txt mb-0" >' + val.couponcode + '</p>'; 6890 couponlistwrap += '</button>'; 6891 couponlistwrap += '<p class="coupon_copied_sucess_text">' + $("#CopiedTextTag").val() + '</p>'; 6892 couponlistwrap += '</div>'; 6893 } 6894 couponlistwrap += '<div class="col-12 col-md-2 link_field" >'; 6895 couponlistwrap += '<img class="external_link_icon" src = "/img/external_link_icon.png" alt = "" >'; 6896 couponlistwrap += '<p class="external_link_txt mb-0" >'; 6897 couponlistwrap += '<a href="' + val.siteurl + '" target="_blank"> Aller sur le site </a>'; 6898 couponlistwrap += '</p>'; 6899 couponlistwrap += '</div>';
6900 couponlistwrap += '</div>'; 6901 } 6902 }); 6903 $('#GetYourDiscountModal').find("#selectedcouponcontainer").html(couponlistwrap); 6904 }) 6905 6906 // check same or different coupon types // 6907 function checkingcoupontypes(arr){ 6908 var x = arr[0].coupontype; 6909 return arr.every(function (item) { 6910 //console.log("x", x, "item.coupontype", item.coupontype); 6911 return item.coupontype == x; 6912 }); 6913 } 6914 6915 // onclick copy couponcode // 6916 $(document).on("click", ".coupon_field_button", function () { 6917 var codecontainer = $(this).parent(".coupon_field").find(".coupon_code_txt"); 6918 copyToClipboard(codecontainer) 6919 $(this).parent(".coupon_field").find(".coupon_copied_sucess_text").stop().show(0); 6920 $(this).parent(".coupon_field").find(".coupon_copied_sucess_text").stop().fadeOut(1000); 6921 }); 6922 function copyToClipboard(element) { 6923 var $temp = $("<input>"); 6924 $("body").append($temp); 6925 $temp.val($(element).text()).select(); 6926 document.execCommand("copy"); 6927 $temp.remove(); 6928 } 6929 $('#GetYourDiscountModal').on('show.bs.modal', function (e) { 6930 if ($("#discountreduction").hasClass('d-none')) { 6931 return e.preventDefault(); 6932 } 6933 }); 6934 $(document).on("click", "#discountreduction", function () { 6935 if ($(".get_your_discount_process_main #step-1").hasClass("disabled")) { 6936 $(".get_your_discount_process_main #step-1").addClass("active"); 6937 $(".get_your_discount_process_main #step-1").removeClass("disabled"); 6938 $(".get_your_discount_process_main #step-2").removeClass("active"); 6939 $(".get_your_discount_process_main #step-2").addClass("disabled"); 6940 if ($(".get_your_discount .modal-dialog").hasClass("step-2-container")) { 6941 $(".get_your_discount .modal-dialog").removeClass("step-2-container"); 6942 } 6943 $(".get_your_discount .modal-dialog").addClass("step-1-container"); 6944 $(".get_your_discount #step-1-details").removeClass('d-none') 6945 $(".get_your_discount #step-2-details").addClass("d-none"); 6946 $(".get_your_discount #step-2-details .saveconfirmmessage").addClass("d-none"); 6947 $(".get_your_discount #step-2-details .emailconfirmmessage").addClass("d-none"); 6948 } 6949 6950 }); 6951 $(document).on("click", "#printcoupon", function () { 6952 if ($(".print_option_popup_number_process #step-1").hasClass("disabled")) { 6953 $(".print_option_popup_number_process #step-1").addClass("active"); 6954 $(".print_option_popup_number_process #step-1").removeClass("disabled"); 6955 $(".print_option_popup_number_process #step-2").removeClass("active"); 6956 $(".print_option_popup_number_process #step-2").addClass("disabled"); 6957 if ($(".print_option_popup .modal-dialog").hasClass("step-2-container")) { 6958 $(".print_option_popup .modal-dialog").removeClass("step-2-container"); 6959 } 6960 $(".print_option_popup .modal-dialog").addClass("step-1-container"); 6961 $(".print_option_popup_main#step-1-details").removeClass('d-none') 6962 $(".print-option-screen-2#step-2-details").addClass("d-none"); 6963 } 6964 }); 6965 $(document).on("click", ".web_reductions_btn", function () { 6966 var finalcheckedarr = []; 6967 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 6968 if (isMobile) { 6969 $(".couponcheckmob").each(function () { 6970 if ($(this).is(":checked")) { 6971 my_object_family = {} 6972 var family = $(this).data('element'); 6973 my_object_family = JSON.parse(decodeURIComponent(family)); 6974 finalcheckedarr.push(my_object_family); 6975 } 6976 }); 6977 } else { 6978 $(".couponcheckdes").each(function () { 6979 if ($(this).is(":checked")) { 6980 my_object_family = {} 6981 var family = $(this).data('element'); 6982 my_object_family = JSON.parse(decodeURIComponent(family)); 6983 finalcheckedarr.push(my_object_family); 6984 } 6985 }); 6986 } 6987 6988 //console.log("final array for save", finalcheckedarr); 6989 postdata = []; 6990 $.each(finalcheckedarr, function (index, element) { 6991 parameters = {}; 6992 //console.log("element", element); 6993 parameters.Brand = element.brand; 6994 parameters.Title = element.title; 6995 parameters.ProductFamily = element.productfamily; 6996 parameters.CouponCode = element.couponcode; 6997 parameters.Description = element.description;
6998 parameters.CouponId = element.id; 6999 parameters.DiscountPrice = element.amount; 7000 parameters.StrStartDate = element.startdate; 7001 parameters.StrEndDate = element.enddate; 7002 parameters.BrandSiteUrl = element.siteurl; 7003 parameters.CouponUsageTitle = element.couponusagetitle; 7004 parameters.CouponCategory = element.couponcategory; 7005 parameters.DiscountType = element.discounttype; 7006 if (element.coupontype == "WebReduction") { 7007 postdata.push(parameters); 7008 } 7009 7010 }); 7011 //console.log("parameter", postdata); 7012 var reqModel = { 7013 RedeemCoupons: postdata, 7014 UserId: "" 7015 } 7016 var token = $('input[name="__RequestVerificationToken"]').val(); 7017 $.ajax({ 7018 url: '/Coupon/PostRedeemUserCoupon', 7019 type: "POST", 7020 data: { reqModel: reqModel, isEmailClicked: false }, 7021 beforeSend: function (xhr) { 7022 xhr.setRequestHeader("RequestVerificationToken", token); 7023 }, 7024 dataType: "json", 7025 success: function (response) { 7026 //console.log("response", response); 7027 if (response.isSuccess) { 7028 $(".get_your_discount_number_process #step-1").removeClass("active"); 7029 $(".get_your_discount_number_process #step-1").addClass("disabled"); 7030 $(".get_your_discount_number_process #step-2").addClass("active"); 7031 $(".get_your_discount_number_process #step-2").removeClass("disabled"); 7032 $(".get_your_discount .modal-dialog").addClass("step-2-container"); 7033 $(".get_your_discount #step-1-details").addClass('d-none') 7034 $(".get_your_discount #step-2-details").removeClass("d-none"); 7035 $(".get_your_discount #step-2-details .saveconfirmmessage").removeClass("d-none"); 7036 7037 var selectedcoupons = localStorage.getItem('coupons'); // Get local storage coupons 7038 var selectedarrparsed1 = JSON.parse(selectedcoupons); // Parsing 7039 var returncoupontype = checkingcoupontypes(selectedarrparsed1); // Checking if coupon types are similar or different 7040 // console.log("returncoupontype", returncoupontype); 7041 if(returncoupontype === true){ // If Same 7042 $("#quickbasketloop").html(""); 7043 $("#Totaladdedamount").text("0€"); 7044 $("#Totaladdedamountinside").text("0€"); 7045 $("#total_price_mobile").text("0€"); 7046 $(".discount_coupons_cards").removeClass("selected"); 7047 localStorage.removeItem('coupons'); 7048 localStorage.removeItem("couponTypeselected"); 7049 $(".disabledcoupon").hide(); 7050 localStorage.setItem('basketcount', 0); 7051 $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" }) 7052 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 7053 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 7054 $(".discount_coupons_cards").each(function () { 7055 $(this).find(".selectcheckbox").prop("checked", false); 7056 }); 7057 $(".basket_popup_main").css("display", "none"); 7058 } else { // If Different 7059 // console.log("final array in REQ ", postdata, selectedarrparsed1); 7060 const filterByReference = (arr1, arr2) => { 7061 let res = []; 7062 res = arr1.filter(el => { 7063 return !arr2.find(element => { 7064 return element.CouponId === el.id; 7065 }); 7066 }); 7067 return res; 7068 } 7069 //console.log(filterByReference(selectedarrparsed1, postdata)); 7070 var finaldata = filterByReference(selectedarrparsed1, postdata); 7071 7072 7073 // set the item in localStorage 7074 if (selectedarrparsed1.length > 0) { 7075 //console.log("finaldata ....",finaldata); 7076 localStorage.setItem('coupons', JSON.stringify(finaldata)); 7077 7078 localStorage.setItem('basketcount', finaldata.length); 7079 updatingstickybasket(localStorage.getItem('coupons')); 7080 loaddefaultselection(); 7081 } 7082 } 7083 7084 RefreshCouponListforCapping(); 7085 } 7086 } 7087 }); 7088 7089 }); 7090 7091 $(document).on("click", ".printing_now_btn", function () { 7092 var selectedcoupons = localStorage.getItem('coupons'); 7093 var selectedarrparsed1 = JSON.parse(selectedcoupons);
7094 var parameters = []; var finaldata = []; 7095 $.each(selectedarrparsed1, function (index, val) { 7096 if (val.coupontype == "multi") { 7097 //console.log(val); 7098 parameters.push(val.id); 7099 } 7100 }); 7101 //console.log("parameters", parameters, selectedarrparsed1); 7102 7103 7104 var reqModel = { 7105 Offers: parameters, 7106 UserId: "" 7107 } 7108 var token = $('input[name="__RequestVerificationToken"]').val(); 7109 $.ajax({ 7110 url: '/Coupon/PostCouponPrint', 7111 type: "POST", 7112 data: { reqModel: reqModel }, 7113 beforeSend: function (xhr) { 7114 xhr.setRequestHeader("RequestVerificationToken", token); 7115 }, 7116 dataType: "json", 7117 success: function (response) { 7118 //console.log("response", response); 7119 if (!response.isError) { 7120 //var printurl = "https://pp.print.digitalcoupon.web.oxv.fr/231011/10/lZxsy2zFZmpumGSyWtlZ2SYk5vKY2tnmZuWZplnm54/coupon.html"; 7121 var printurl = response.printUrl; 7122 //console.log(printurl); 7123 //printlnIframe(printurl); 7124 openPrintInNewTab(printurl) 7125 var selectedcoupons = localStorage.getItem('coupons'); 7126 var selectedarrparsed1 = JSON.parse(selectedcoupons); 7127 var returncoupontype = checkingcoupontypes(selectedarrparsed1); 7128 //console.log("returncoupontype", returncoupontype); 7129 $("#PrintOptionModal").modal("hide"); 7130 if (returncoupontype === true) { 7131 $("#quickbasketloop").html(""); 7132 $("#Totaladdedamount").text("0€"); 7133 $("#Totaladdedamountinside").text("0€"); 7134 $("#total_price_mobile").text("0€"); 7135 $(".discount_coupons_cards").removeClass("selected"); 7136 localStorage.removeItem('coupons'); 7137 localStorage.removeItem("couponTypeselected"); 7138 $(".disabledcoupon").hide(); 7139 localStorage.setItem('basketcount', 0); 7140 $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" }) 7141 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 7142 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 7143 $(".discount_coupons_cards").each(function () { 7144 $(this).find(".selectcheckbox").prop("checked", false); 7145 }); 7146 $(".basket_popup_main").css("display", "none"); 7147 } else { 7148 $.each(parameters, function (val, ind) { 7149 finaldata = $.grep(selectedarrparsed1, function (element, index) { 7150 return element.id != ind; 7151 }); 7152 }); 7153 //console.log("final array in REQ ", parameters, selectedarrparsed1); 7154 const filterByReference = (arr1, arr2) => { 7155 let res = []; 7156 res = arr1.filter(el => { 7157 return !arr2.find(element => { 7158 return element === el.id; 7159 }); 7160 }); 7161 return res; 7162 } 7163 // console.log(filterByReference(selectedarrparsed1, parameters)); 7164 var finaldata = filterByReference(selectedarrparsed1, parameters); 7165 7166 // set the item in localStorage 7167 if (selectedarrparsed1.length > 0) { 7168 localStorage.setItem('coupons', JSON.stringify(finaldata)); 7169 localStorage.setItem('basketcount', finaldata.length) 7170 updatingstickybasket(localStorage.getItem('coupons')); 7171 loaddefaultselection(); 7172 } 7173 } 7174 7175 RefreshCouponListforCapping(); 7176 } else { 7177 //console.log("inside else"); 7178 $(".print_option_popup_number_process #step-1").removeClass("active"); 7179 $(".print_option_popup_number_process #step-1").addClass("disabled"); 7180 $(".print_option_popup_number_process #step-2").addClass("active"); 7181 $(".print_option_popup_number_process #step-2").removeClass("disabled"); 7182 $(".print_option_popup .modal-dialog").addClass("step-2-container"); 7183 $(".print_option_popup_main#step-1-detail
7183s").addClass('d-none') 7184 $(".print-option-screen-2#step-2-details").removeClass("d-none"); 7185 $("#error-title").removeClass("d-none"); 7186 $("#error-message").removeClass("d-none"); 7187 $("#error-icon").removeClass("d-none"); 7188 if (!$("#success-title").hasClass("d-none")) { 7189 $("#success-title").addClass("d-none"); 7190 $("#success-message").addClass("d-none"); 7191 $("#success-icon").addClass("d-none"); 7192 $("#success_step").html("Error"); 7193 } 7194 } 7195 } 7196 }); 7197 }); 7198 function printlnIframe(url) { 7199 $('<iframe/>', { 7200 name: 'print-iframe', 7201 id: 'print-iframe', 7202 src: url, 7203 width: 0, 7204 height: 0, 7205 }).appendTo('body'); 7206 $('#print-iframe').hide(); 7207 } 7208 function openPrintInNewTab(url) { 7209 window.open(url, '_blank'); 7210 } 7211 7212 $(document).on("click", ".web_reductions_listing_email_btn", function () { 7213 var finalcheckedarr = []; 7214 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 7215 if (isMobile) { 7216 $(".couponcheckmob").each(function () { 7217 if ($(this).is(":checked")) { 7218 my_object_family = {} 7219 var family = $(this).data('element'); 7220 my_object_family = JSON.parse(decodeURIComponent(family)); 7221 finalcheckedarr.push(my_object_family); 7222 } 7223 }); 7224 } else { 7225 $(".couponcheckdes").each(function () { 7226 if ($(this).is(":checked")) { 7227 my_object_family = {} 7228 var family = $(this).data('element'); 7229 my_object_family = JSON.parse(decodeURIComponent(family)); 7230 finalcheckedarr.push(my_object_family); 7231 } 7232 }); 7233 } 7234 7235 //console.log("final array for save", finalcheckedarr); 7236 postdata = []; 7237 $.each(finalcheckedarr, function (index, element) { 7238 parameters = {}; 7239 // console.log("element", element); 7240 parameters.Brand = element.brand; 7241 parameters.Title = element.title; 7242 parameters.ProductFamily = element.productfamily; 7243 parameters.CouponCode = element.couponcode; 7244 parameters.Description = element.description; 7245 parameters.CouponId = element.id; 7246 parameters.DiscountPrice = element.amount; 7247 parameters.StrStartDate = element.startdate; 7248 parameters.StrEndDate = element.enddate; 7249 parameters.BrandSiteUrl = element.siteurl; 7250 parameters.CouponUsageTitle = element.couponusagetitle; 7251 parameters.DiscountType = element.discounttype; 7252 if (element.coupontype == "WebReduction") { 7253 postdata.push(parameters); 7254 } 7255 7256 }); 7257 // console.log("parameter", postdata); 7258 var reqModel = { 7259 RedeemCoupons: postdata, 7260 UserId: "" 7261 7262 } 7263 var token = $('input[name="__RequestVerificationToken"]').val(); 7264 $.ajax({
7265 url: '/Coupon/PostRedeemUserCoupon', 7266 type: "POST", 7267 data: { reqModel: reqModel, isEmailClicked: true }, 7268 beforeSend: function (xhr) { 7269 xhr.setRequestHeader("RequestVerificationToken", token); 7270 }, 7271 dataType: "json", 7272 success: function (response) { 7273 //console.log("response", response); 7274 if (response.isSuccess) { 7275 $(".get_your_discount_number_process #step-1").removeClass("active"); 7276 $(".get_your_discount_number_process #step-1").addClass("disabled"); 7277 $(".get_your_discount_number_process #step-2").addClass("active"); 7278 $(".get_your_discount_number_process #step-2").removeClass("disabled"); 7279 $(".get_your_discount .modal-dialog").addClass("step-2-container"); 7280 $(".get_your_discount #step-1-details").addClass('d-none') 7281 $(".get_your_discount #step-2-details").removeClass("d-none"); 7282 $(".get_your_discount #step-2-details .emailconfirmmessage").removeClass("d-none"); 7283 7284 var selectedcoupons = localStorage.getItem('coupons'); 7285 var selectedarrparsed1 = JSON.parse(selectedcoupons); 7286 var returncoupontype = checkingcoupontypes(selectedarrparsed1); 7287 // console.log("returncoupontype", returncoupontype); 7288 if(returncoupontype === true){ 7289 $("#quickbasketloop").html(""); 7290 $("#Totaladdedamount").text("0€"); 7291 $("#Totaladdedamountinside").text("0€"); 7292 $("#total_price_mobile").text("0€"); 7293 $(".discount_coupons_cards").removeClass("selected"); 7294 localStorage.removeItem('coupons'); 7295 localStorage.removeItem("couponTypeselected"); 7296 $(".disabledcoupon").hide(); 7297 localStorage.setItem('basketcount', 0); 7298 $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" }) 7299 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 7300 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 7301 $(".discount_coupons_cards").each(function () { 7302 $(this).find(".selectcheckbox").prop("checked", false); 7303 }); 7304 $(".basket_popup_main").css("display", "none"); 7305 } else { 7306 // console.log("final array in REQ ", postdata,selectedarrparsed1); 7307 const filterByReference = (arr1, arr2) => { 7308 let res = []; 7309 res = arr1.filter(el => { 7310 return !arr2.find(element => { 7311 return element.CouponId === el.id; 7312 }); 7313 }); 7314 return res; 7315 } 7316 //console.log(filterByReference(selectedarrparsed1, postdata)); 7317 var finaldata = filterByReference(selectedarrparsed1, postdata); 7318 7319 // set the item in localStorage 7320 if (selectedarrparsed1.length > 0) { 7321 localStorage.setItem('coupons', JSON.stringify(finaldata)); 7322 localStorage.setItem('basketcount', finaldata.length) 7323 updatingstickybasket(localStorage.getItem('coupons')); 7324 loaddefaultselection(); 7325 } 7326 7327 } 7328 RefreshCouponListforCapping(); 7329 } 7330 } 7331 }); 7332 }); 7333 7334 $(document).on("click", "#emailcoupon", function () { 7335 if (!$(this).hasClass("disabled")) { 7336 $(".print_option_popup_number_process #step-1").removeClass("active"); 7337 $(".print_option_popup_number_process #step-1").addClass("disabled"); 7338 $(".print_option_popup_number_process #step-2").addClass("active"); 7339 $(".print_option_popup_number_process #step-2").removeClass("disabled"); 7340 $(".print_option_popup_number_process").addClass("d-none"); 7341 $(".print_option_popup .modal-dialog").addClass("step-2-container");
7342 $(".print_option_popup_main#step-1-details").addClass('d-none') 7343 $(".print-option-screen-2#step-2-details").removeClass("d-none"); 7344 $("#success-message").addClass("d-none"); 7345 $("#error-message").addClass("d-none"); 7346 $("#loading-success-message").removeClass("d-none"); 7347 //$("#success-message").html("Envoi en cours, merci de patienter quelques instants...."); 7348 } else { 7349 return false; 7350 } 7351 7352 }); 7353 $(document).on("click", "#printcoupon", function () { 7354 if (!$(this).hasClass("disabled")) { 7355 $(".print_option_popup_number_process").removeClass("d-none"); 7356 } else { 7357 return false; 7358 } 7359 }); 7360 7361 function resetPrintOptionModal() { 7362 $(".print_option_popup_number_process").addClass("d-none"); 7363 $(".print_option_popup_intro").removeClass("d-none"); 7364 } 7365 7366 7367 function showPrintOptionModal() { 7368 7369 $(".print_option_popup_number_process").removeClass("d-none"); 7370 7371 7372 if ($(".print_option_popup_number_process #step-1").hasClass("disabled")) { 7373 $(".print_option_popup_number_process #step-1").addClass("active").removeClass("disabled"); 7374 $(".print_option_popup_number_process #step-2").removeClass("active").addClass("disabled"); 7375 7376 if ($(".print_option_popup .modal-dialog").hasClass("step-2-container")) { 7377 $(".print_option_popup .modal-dialog").removeClass("step-2-container"); 7378 } 7379 7380 $(".print_option_popup .modal-dialog").addClass("step-1-container"); 7381 $(".print_option_popup_main#step-1-details").removeClass("d-none"); 7382 $(".print-option-screen-2#step-2-details").addClass("d-none"); 7383 } 7384 7385 $("#PrintOptionModal").modal("show"); 7386 } 7387 7388 $(document).on("keydown", function (e) { 7389 if (e.key === "Enter" && $("#printcoupon").is(":focus")) { 7390 e.preventDefault(); 7391 if (!$("#printcoupon").hasClass("disabled")) { 7392 resetPrintOptionModal(); 7393 showPrintOptionModal(); 7394 } 7395 } 7396 }); 7397 $(document).on("keydown", "#emailcoupon", function (e) { 7398 if (e.key === "Enter" || e.keyCode === 13) { 7399 e.preventDefault(); 7400 $(this).trigger("click"); 7401 } 7402 }); 7403 $(document).on("keydown", function (e) { 7404 if (e.key === "Enter" && $("#discountreduction").is(":focus")) { 7405 e.preventDefault(); 7406 $('#GetYourDiscountModal').modal('show'); 7407 } 7408 }); 7409 $(document).on("keydown", function (e) { 7410 if (e.key === "Enter" && $("#cashback").is(":focus")) { 7411 e.preventDefault(); 7412 $("#isFileImportedWeb").hide(); 7413 $("#isvaliduser").hide(); 7414 $("#g-recaptchaid").hide(); 7415 $("#g-recaptchaidokayfr").hide(); 7416 $("#g-recaptchaid_mob").hide(); 7417 $("#g-recaptchaid_mob_takepic").hide(); 7418 $('#uploadReceiptModal').modal('show'); 7419 } 7420 }); 7421 7422 7423 7424 $('#uploadReceiptModal').on('show.bs.modal', function (e) { 7425 if ($("#cashback").hasClass('d-none')) { 7426 return e.preventDefault(); 7427 } 7428 }); 7429 $(document).on("click", "#cashback", function () { 7430 if (!$(this).hasClass("d-none")) { 7431 $("#g-recaptchaid").hide(); 7432 $("#g-recaptchaidokayfr").hide(); 7433 $("#g-recaptchaid_mob").hide(); 7434 $("#g-recaptchaid_mob_takepic").hide(); 7435 $("#isFileImportedWeb").hide(); 7436 $("#isFileImportOkayfrError").hide();
7437 $("#isvaliduser").hide(); 7438 $(".photo_continue_button").addClass("btn_disabled"); 7439 $(".photo_continue_button_okay").addClass("btn_disabled"); 7440 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 7441 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 7442 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 7443 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 7444 $(".get_your_refund_process_main #step-3").removeClass("active"); 7445 $(".get_your_refund_process_main #step-3").addClass("disabled"); 7446 $(".get_your_refund_process_main #step-2").removeClass("active"); 7447 $(".get_your_refund_process_main #step-2").addClass("disabled"); 7448 $(".get_your_refund_process_main #step-1").removeClass("disabled"); 7449 $(".get_your_refund_process_main #step-1").addClass("active"); 7450 $("#step-1-details.first_Error_popup").addClass("d-none"); 7451 $("#step-1-details.second_Error_popup").addClass("d-none"); 7452 $("#step-1-details.third_Error_popup").addClass("d-none"); 7453 $("#step-1-details.fourth_error_popup_first_text").addClass("d-none"); 7454 $("#step-1-details.fifth_Error_popup").addClass("d-none"); 7455 7456 $(".loader-container").addClass("d-none"); 7457 $("#load-success-message").addClass("d-none"); 7458 let ibanNumber = $("#iban-textfield").val(); 7459 let bicCode = $("#bic-textfield").val(); 7460 if (ibanNumber.length > 0 && bicCode.length > 0) { 7461 $("#IBANFormBtn").removeClass("btn_disabled"); 7462 } else { 7463 $("#IBANFormBtn").addClass("btn_disabled"); 7464 } 7465 } else { 7466 return false; 7467 } 7468 }); 7469 $(document).on("click", ".Okayclosebtn", function () { 7470 captchaflag = false; 7471 $('#ImportFileBtn').attr('disabled', true); 7472 $("#ImportFileBtnokay").attr("disabled", false); 7473 $("#TakePictureBtn").attr('disabled', true); 7474 $("#TakePictureBtnokay").attr('disabled', false); 7475 $(".consentText_filoeuploadOkayFR").css("color", "#00005aab"); 7476 $("#isFileImportOkayfrError").hide(); 7477 $("#g-recaptchaidokayfr").hide(); 7478 $(".photo_continue_button").addClass("btn_disabled"); 7479 $(".photo_continue_button_okay").addClass("btn_disabled"); 7480 }); 7481 $(document).on("click", "#checkBox_upload", function () { 7482 if ($("#checkBox_upload").prop('checked')== true) { 7483 $(".consentText_filoeuploadOkayFR").css("color", "#00005a"); 7484 $('#ImportFileBtn').attr('disabled', false); 7485 $("#ImportFileBtnokay").attr("disabled", false); 7486 $("#TakePictureBtn").attr('disabled', false); 7487 $("#TakePictureBtnokay").attr('disabled', false); 7488 $("#isFileImportOkayfrError").hide(); 7489 //var gcaptcha = recaptchaCallbackokayfr(res); 7490 //console.log("gcaptcha",captchaflag); 7491 if (captchaflag == true) { 7492 $("#isFileImportOkayfrError").show(); 7493 $(".photo_continue_button_okay").removeClass("btn_disabled"); 7494 } 7495 7496 } else { 7497 captchaflag = false; 7498 $('#ImportFileBtn').attr('disabled',true); 7499 $("#ImportFileBtnokay").attr("disabled", false); 7500 $("#TakePictureBtn").attr('disabled', true); 7501 $("#TakePictureBtnokay").attr('disabled', false);
7502 $(".consentText_filoeuploadOkayFR").css("color", "#00005aab"); 7503 $("#isFileImportOkayfrError").hide(); 7504 $("#g-recaptchaidokayfr").hide(); 7505 $(".photo_continue_button").addClass("btn_disabled"); 7506 $(".photo_continue_button_okay").addClass("btn_disabled"); 7507 } // Unchecks it 7508 7509 }); 7510 7511 var isLotusCampaignActivation = true; 7512 var isOkayfrActivationPage = false; 7513 var isActivationPageWithoutCampaign = false; 7514 $(document).on("click", "#BtnOkayParticipation", function () { 7515 $("#g-recaptchaid").hide(); 7516 $("#g-recaptchaidokayfr").hide(); 7517 $("#g-recaptchaid_mob").hide(); 7518 $("#g-recaptchaid_mob_takepic").hide(); 7519 $("#isFileImportOkayfrError").hide(); 7520 $("#isvaliduser").hide(); 7521 $("#checkBox_upload").prop('checked', false); // Unchecks it 7522 $(".consentText_filoeuploadOkayFR").css("color", "#00005aab"); 7523 $("#ImportFileBtn").attr('disabled', true); 7524 $("#ImportFileBtnokay").attr("disabled", false); 7525 $("#TakePictureBtn").attr('disabled', true); 7526 $("#TakePictureBtnokay").attr('disabled', false); 7527 7528 $(".photo_continue_button_okay").addClass("btn_disabled"); 7529 // Lotus campaign september launch start 7530 if(isActivationPageWithoutCampaign) 7531 { 7532 var token = $('input[name="__RequestVerificationToken"]').val(); 7533 var templateAlias = 'ContactUsPage'; 7534 handleActivationWithoutCampaign(templateAlias, token); 7535 } 7536 else if(isOkayfrActivationPage) 7537 { 7538 $(".get_your_refund_process_main #step-1-details_okay_fr").removeClass('d-none'); 7539 } 7540 7541 7542 $(".get_your_refund_process_main #step-1-details_okay_fr.cashback-file-upload-success-screen").addClass("d-none"); 7543 $(".get_your_refund_process_main #step-2-details_okay_fr").addClass("d-none"); 7544 $(".get_your_refund_process_main #step-3-details_okay_fr_").addClass("d-none"); 7545 $(".get_your_refund_process_main #step-3-details_okay_fr_").removeClass("active"); 7546 $(".get_your_refund_process_main #step-3-details_okay_fr_").addClass("disabled"); 7547 $(".get_your_refund_process_main #step-2-details_okay_fr").removeClass("active"); 7548 $(".get_your_refund_process_main #step-2-details_okay_fr").addClass("disabled"); 7549 $(".get_your_refund_process_main #step-1-details_okay_fr").removeClass("disabled"); 7550 $(".get_your_refund_process_main #step-1-details_okay_fr").addClass("active"); 7551 $("#step-1-details_okay_fr.first_Error_popup").addClass("d-none"); 7552 $("#step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 7553 $("#step-1-details_okay_fr.third_Error_popup").addClass("d-none"); 7554 $("#step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 7555 $("#step-1-details_okay_fr.fifth_Error_popup").addClass("d-none"); 7556 $("#step-1-details_okay_fr.confirmation_popup").addClass("d-none"); 7557 $(".loader-container").addClass("d-none"); 7558 $("#load-success-message").addClass("d-none"); 7559 let ibanNumber = $("#iban-textfield").val(); 7560 let bicCode = $("#bic-textfield").val(); 7561 if (ibanNumber.length > 0 && bicCode.length > 0) { 7562 $("#IBANFormBtn").removeClass("btn_disabled"); 7563 } else { 7564 $("#IBANFormBtn").addClass("btn_disabled"); 7565 } 7566 7567 }); 7568 7569 $(document).on("click", ".web_print_listing_email_btn", function () { 7570 var finalcheckedarr = localStorage.getItem('coupons'); 7571 var selectedarrparsed = JSON.parse(finalcheckedarr); 7572 //console.log("final array for save", selectedarrparsed);
7573 list = []; 7574 $.each(selectedarrparsed, function (index, element) { 7575 parameters = {}; 7576 // console.log("element", element); 7577 parameters.Title = element.title; 7578 parameters.Id = element.id; 7579 parameters.Amount = element.amount; 7580 parameters.StrEndDate = element.validity; 7581 if (element.coupontype == "multi") { 7582 list.push(parameters); 7583 } 7584 }); 7585 //console.log("parameter", list); 7586 var reqModel = { 7587 SelectedItems: list, 7588 UID: "" 7589 } 7590 var token = $('input[name="__RequestVerificationToken"]').val(); 7591 $.ajax({ 7592 url: '/Coupon/PostClickPrintEmail', 7593 type: "POST", 7594 data: { reqModel: reqModel }, 7595 beforeSend: function (xhr) { 7596 xhr.setRequestHeader("RequestVerificationToken", token); 7597 }, 7598 dataType: "json", 7599 success: function (response) { 7600 // console.log("response", response); 7601 if (response.isError == false) { 7602 $("#loading-success-message").addClass("d-none"); 7603 // console.log("coming inside if"); 7604 $(".print_option_popup_number_process #step-1").removeClass("active"); 7605 $(".print_option_popup_number_process #step-1").addClass("disabled"); 7606 $(".print_option_popup_number_process #step-2").addClass("active"); 7607 $(".print_option_popup_number_process #step-2").removeClass("disabled"); 7608 $(".print_option_popup .modal-dialog").addClass("step-1-container"); 7609 $(".print_option_popup_main#step-1-details").addClass('d-none') 7610 $(".print-option-screen-2#step-2-details").removeClass("d-none"); 7611 $("#success-title").removeClass("d-none"); 7612 $("#success-message").removeClass("d-none"); 7613 $("#success-icon").removeClass("d-none"); 7614 if (!$("#error-title").hasClass("d-none")) { 7615 $("#error-title").addClass("d-none"); 7616 $("#error-message").addClass("d-none"); 7617 $("#error-icon").addClass("d-none"); 7618 $("#error").html("Confirmation"); 7619 } 7620 7621 7622 var selectedcoupons = localStorage.getItem('coupons'); 7623 var selectedarrparsed1 = JSON.parse(selectedcoupons); 7624 var returncoupontype = checkingcoupontypes(selectedarrparsed1); 7625 // console.log("returncoupontype", returncoupontype); 7626 if (returncoupontype === true) { 7627 $("#quickbasketloop").html(""); 7628 $("#Totaladdedamount").text("0€"); 7629 $("#Totaladdedamountinside").text("0€"); 7630 $("#total_price_mobile").text("0€"); 7631 $(".discount_coupons_cards").removeClass("selected"); 7632 localStorage.removeItem('coupons'); 7633 localStorage.removeItem("couponTypeselected"); 7634 $(".disabledcoupon").hide(); 7635 localStorage.setItem('basketcount', 0); 7636 $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" }) 7637 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 7638 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 7639 $(".discount_coupons_cards").each(function () { 7640 $(this).find(".selectcheckbox").prop("checked", false); 7641 }); 7642 $(".basket_popup_main").css("display", "none"); 7643 } else { 7644 // console.log("final array in REQ ", list); 7645 const filterByReference = (arr1, arr2) => { 7646 let res = []; 7647 res = arr1.filter(el => { 7648 return !arr2.find(element => { 7649 return element.Id === el.id; 7650 }); 7651 }); 7652 return res; 7653 } 7654 // console.log(filterByReference(selectedarrparsed1, list)); 7655 var finaldata = filterByReference(selectedarrparsed1, list); 7656 7657 // set the item in localStorage 7658 if (selectedarrparsed1.length > 0) { 7659 localStorage.setItem('coupons', JSON.stringify(finaldata)); 7660 localStorage.setItem('basketcount', finaldata.length) 7661 updatingstickybasket(localStorage.getItem('coupons')); 7662 loaddefaultselection(); 7663 } 7664 } 7665 RefreshCouponListforCapping(); 7666 } 7667 } 7668 }); 7669 }); 7670 7671 7672 // file upload 7673 function importData() { 7674 let input = document.createElement('input'); 7675 input.type = 'file'; 7676 input.accept = "image/*" 7677 input.onchange = _ => { 7678 // you can use this method to get file and perform respective operations 7679 let files = Array.from(input.files); 7680 // console.log(files); 7681 }; 7682 input.click(); 7683 7684 } 7685 function recaptchaCallbackokayfr(res) { 7686 // console.log("recaptcha okay fr is calling", res); 7687 //var flag = grecaptcha.getResponse() == "" ? false : true; 7688 //console.log("recaptchaCallback grecaptcha.getResponse()",grecaptcha.getResponse()); 7689 if(res != undefined || res != null){ 7690 // console.log("inside if", res.length); 7691 if (res.length > 0) { 7692 captchaflag = true; 7693 if($("#checkBox_upload").prop('checked')== true){ 7694 // console.log("inside if checkBox_upload is checked"); 7695 $(".photo_continue_button").removeClass("btn_disabled"); 7696 $(".photo_continue_button_okay").removeClass("btn_disabled"); 7697 } 7698 7699 } 7700 } else { 7701 captchaflag = false; 7702 console.log("coming inside else flag"); 7703 } 7704 7705 return captchaflag; 7706 } 7707 function recaptchaCallback(res){ 7708 // console.log("recaptcha is calling",res); 7709 //var flag = grecaptcha.getResponse() == "" ? false : true; 7710 //console.log("recaptchaCallback grecaptcha.getResponse()",grecaptcha.getResponse()); 7711 if (res.length > 0) { 7712 captchaflag = true; 7713 $(".photo_continue_button").removeClass("btn_disabled"); 7714 $(".photo_continue_button_okay").removeClass("btn_disabled"); 7715 // console.log("coming inside flag"); 7716 } else { 7717 captchaflag = false; 7718 // console.log("coming inside else flag"); 7719 } 7720 } 7721 function recaptchaCallbackmob(resp) { 7722 // console.log("recaptcha is calling", resp); 7723 //var flag = grecaptcha.getResponse() == "" ? false : true; 7724 //console.log("recaptchaCallbackmob grecaptcha.getResponse()",grecaptcha.getResponse()); 7725 if (resp.length > 0) { 7726 captchaflag = true; 7727 $(".photo_continue_button").removeClass("btn_disabled"); 7728 $(".photo_continue_button_okay").removeClass("btn_disabled"); 7729 // console.log("coming inside flag"); 7730 } else { 7731 captchaflag = false; 7732 // console.log("coming inside else flag"); 7733 } 7734 } 7735 function recaptchaCallbackTakePic(response) { 7736 var mobcaptchaflag; 7737 // console.log("recaptcha is calling recaptchaCallbackTakePic",response); 7738 if(response.length > 0){ 7739 mobcaptchaflag = true; 7740 $("#uploadcapturedimage").removeClass("btn_disabled"); 7741 $("#uploadcapturedimage_okayfr").removeClass("btn_disabled"); 7742 } else { 7743 mobcaptchaflag = false; 7744 // console.log("coming inside else flag"); 7745 } 7746 return mobcaptchaflag; 7747 } 7748 $(document).on("click", ".photo_continue_button", function () { 7749 //var flag = grecaptcha.getResponse() == "" ? false : true; 7750 if (captchaflag) { 7751 var finalcheckedarr = localStorage.getItem('coupons'); 7752 var selectedarrparsed = JSON.parse(finalcheckedarr); 7753 // console.log("selectedarrparsed", selectedarrparsed);
7754 SelectedCampaigns = []; 7755 $.each(selectedarrparsed, function (index, val) { 7756 var reqobj = {}; 7757 if(val.coupontype == "multi"){ 7758 reqobj.Id = val.id; 7759 reqobj.KweeriCampaignId = val.kweericampaignid; 7760 reqobj.CouponCategory = val.couponcategory; 7761 SelectedCampaigns.push(reqobj); 7762 } 7763 7764 }); 7765 // console.log("SelectedCampaigns", SelectedCampaigns); 7766 $(".first-screen-view").addClass("d-none"); 7767 $(".loader-container").removeClass("d-none"); 7768 $(".loader-container #load-success-message").removeClass("d-none"); 7769 var token = $('input[name="__RequestVerificationToken"]').val(); 7770 $.ajax({ 7771 url: '/Coupon/PostReceiptQualityCheck', 7772 type: "POST", 7773 data: formDatum, 7774 beforeSend: function (xhr) { 7775 xhr.setRequestHeader("RequestVerificationToken", token); 7776 }, 7777 processData: false, 7778 contentType: false, 7779 success: function (response) { 7780 // console.log("response", response); 7781 $(".loader-container").addClass("d-none"); 7782 $(".loader-container #load-success-message").addClass("d-none"); 7783 localStorage.setItem("invoiceurl", response.invoiceUrl); 7784 localStorage.setItem("matchedcoupons", JSON.stringify(response.matchedCoupons)); 7785 localStorage.setItem("cashbacktransactionId", JSON.stringify(response.cashbackTransactionId)); 7786 7787 if (response.receiptStatus == "Passed") { 7788 // console.log("mateched coupons ===== >", response.matchedCoupons); 7789 var matchedcoupons = response.matchedCoupons; 7790 // console.log("CashbackTransaction Ids ===== >", response.cashbackTransactionId); 7791 var cashbackTransactionId = response.cashbackTransactionId; 7792 7793 // console.log("selectedarrparsed in success", selectedarrparsed); 7794 const myArrayFiltered = selectedarrparsed.filter((el) => { 7795 return matchedcoupons.some((f) => { 7796 return f === el.id; 7797 }); 7798 }); 7799 7800 // console.log(myArrayFiltered); 7801 var itemwrap = []; tamount = 0; finalamount1 = 0; 7802 $.each(myArrayFiltered, function (index, val) { 7803 itemwrap += '<div class="row body_view">'; 7804 itemwrap += '<div class="col-md-2 d-md-block d-none"></div>'; 7805 itemwrap += '<div class="col-4 col-md-3 name_field">'; 7806 itemwrap += '<p class="mb-0">' + val.brand + '</p>'; 7807 itemwrap += '</div>'; 7808 itemwrap += '<div class="col-4 col-md-3 validity_field">'; 7809 itemwrap += '<p class="mb-0">' + val.title + '</p>'; 7810 itemwrap += '</div>'; 7811 itemwrap += '<div class="col-4 col-md-2 discount_field">'; 7812 itemwrap += '<p class="mb-0">' + val.amount + '€</p>'; 7813 itemwrap += '</div>'; itemwrap += '</div>'; 7814 var valmount = (val.amount).toString(); 7815 if (valmount.indexOf(',') > -1) { 7816 valmount = valmount.replace(",", ".") 7817 } 7818 tamount = (parseFloat(tamount) + parseFloat(valmount)).toFixed(2); 7819 var finalamount = tamount.toString(); 7820 finalamount1 = finalamount.replace(".", ","); 7821 }); 7822 7823 7824 itemwrap += '<div class="row body_view body-bottom-view">'; 7825 itemwrap += '<div class="col-md-2 d-md-block d-none"></div>'; 7826 itemwrap += '<div class="col-8 col-md-6 discount_field">'; 7827 itemwrap += 'Montant total des réductions:'; 7828 itemwrap += '</div>'; 7829 itemwrap += '<div class="col-4 col-md-3 discount_field">'; 7830 itemwrap += '<p class="mb-0">' + finalamount1 + '€' + '</p>'; 7831 itemwrap += '</div>'; 7832 itemwrap += '</div>'; 7833 7834 $("#bodylist_content_row").html(itemwrap); 7835 $(".get_your_refund_process_main #step-1-detail
7835s").addClass('d-none') 7836 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").removeClass("d-none"); 7837 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 7838 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 7839 7840 } 7841 else if (response.receiptStatus == "NotEligible") { 7842 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 7843 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 7844 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 7845 $(".get_your_refund_process_main #step-1-details.first_Error_popup").removeClass("d-none"); 7846 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 7847 $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none"); 7848 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none"); 7849 $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none"); 7850 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 7851 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 7852 7853 } 7854 else if (response.receiptStatus == "QualityIssue") { 7855 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 7856 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 7857 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 7858 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 7859 $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none"); 7860 $(".get_your_refund_process_main #step-1-details.second_Error_popup").removeClass("d-none"); 7861 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none"); 7862 $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none"); 7863 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 7864 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 7865 7866 } 7867 else if (response.receiptStatus == "DuplicateReceipt") { 7868 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 7869 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 7870 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 7871 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 7872 $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none"); 7873 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none"); 7874 $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").removeClass("d-none"); 7875 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 7876 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 7877 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 7878 7879 } 7880 else if (response.receiptStatus == "Fraud") { 7881 $(".get_your_refund_process_main #step-1-detail
7881s").removeClass('d-none') 7882 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 7883 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 7884 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 7885 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 7886 $(".get_your_refund_process_main #step-1-details.third_Error_popup").removeClass("d-none"); 7887 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none"); 7888 $(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none"); 7889 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 7890 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 7891 7892 7893 } 7894 else { 7895 /// defaultly added as not eligible screen 7896 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 7897 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 7898 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 7899 $(".get_your_refund_process_main #step-1-details.first_Error_popup").removeClass("d-none"); 7900 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 7901 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 7902 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").addClass("d-none"); 7903 $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none"); 7904 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 7905 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 7906 7907 } 7908 var transactionIds=response.cashbackTransactionId.join(","); 7909 var couponIds = SelectedCampaigns.map(coupon => coupon.Id).join(','); 7910 BindClaimFormLink(transactionIds,couponIds); 7911 7912 }, 7913 error: function (error) { 7914 console.log("error quality" + error); 7915 } 7916 }); 7917 } else { 7918 return flag; 7919 } 7920 7921 }); 7922 $(document).on("click", ".photo_continue_button_okay", function () { 7923 //var flag = grecaptcha.getResponse() == "" ? false : true; 7924 //var captchaflag = true; 7925 if(captchaflag){ 7926 var finalcheckedarr = localStorage.getItem('coupons'); 7927 var selectedarrparsed = JSON.parse(finalcheckedarr); 7928 //console.log("selectedarrparsed",selectedarrparsed); 7929 SelectedCampaigns = []; 7930 $.each(selectedarrparsed,function(index,val){ 7931 var reqobj = {}; 7932 7933 reqobj.Id = val.id; 7934 reqobj.KweeriCampaignId = val.kweericampaignid; 7935 SelectedCampaigns.push(reqobj); 7936 }); 7937 // console.log("SelectedCampaigns",SelectedCampaigns); 7938 var brandName = ''; 7939 $(".first-screen-view").addClass("d-none"); 7940 $(".okayFr_loading").removeClass("d-none"); 7941 $('.okayFr_participate_loading').removeClass('d-none'); //tena game 7942 // $(".loader-container #load-success-message").removeClass("d-none"); 7943 var token = $('input[name="__RequestVerificationToken"]').val(); 7944 formDatum.append("brandName", brandName); 7945 $.ajax({
7946 url: '/Okay/PlayInstaWinGame', 7947 type: "POST", 7948 data: formDatum, 7949 beforeSend: function (xhr) { 7950 xhr.setRequestHeader("RequestVerificationToken", token); 7951 }, 7952 processData: false, 7953 contentType: false, 7954 success: function (response) { 7955 // console.log("response", response); 7956 //response.imageUrl = "https://dev.monbienetrerecompense.fr/media/wwgh555q/windcode1.png"; 7957 //response.giftTitle = "Une table de Ping Pong Cornilleau"; 7958 okay_imagurl=response.imageUrl; 7959 okay_issueid=response.issueId; 7960 okay_transactionid=response.transactionId; 7961 okay_gifttitle = response.giftTitle; 7962 okay_wincode = response.winValue; 7963 tena_winScreenPopUpTitle = response.winScreenPopUpTitle; 7964 //response.receiptStatus = "Win"; 7965 7966 7967 //response.receiptStatus = "Win"; response.isDisplayForm = false; 7968 $(".okayFr_loading").addClass("d-none"); 7969 $('.okayFr_participate_loading').addClass('d-none'); //tena game 7970 //$(".loader-container #load-success-message").addClass("d-none"); 7971 localStorage.setItem("invoiceurl",response.invoiceUrl); 7972 localStorage.setItem("matchedcoupons", JSON.stringify(response.matchedCoupons)); 7973 localStorage.setItem("cashbacktransactionId", JSON.stringify(response.cashbackTransactionId)); 7974 7975 if (response.receiptStatus == "Win" && response.isDisplayForm == true) { 7976 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none') 7977 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 7978 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").removeClass("d-none"); 7979 7980 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass('d-none'); 7981 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 7982 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none"); 7983 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 7984 7985 if(response.isDisplayForm == true) { 7986 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").removeClass("d-none"); 7987 load_isDisplayFormdata(); 7988 $("#saveformdata").removeClass("i_continue_again_okay"); 7989 //$("#saveformdata").addClass("scrolltoform"); 7990 $("#saveformdata").attr('href', '#okayfrActivation_winnerone_form'); 7991 } else { 7992 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").addClass("d-none"); 7993 $("#saveformdata").addClass("i_continue_again_okay"); 7994 //$("#saveformdata").removeClass("scrolltoform"); 7995 $("#saveformdata").attr('href', 'javascript:;'); 7996 } 7997 $(".tena_WinScreen").html(tena_winScreenPopUpTitle); 7998 $(".gift_title").html(response.giftTitle); 7999 $(".okayfr_img").attr("src", response.imageUrl); 8000 8001 if(response.winValue=="1" || response.winValue=="2"){
8002 $("#TenaWinScreenMiddleFooter").removeClass("d-none"); 8003 } 8004 } 8005 else if (response.receiptStatus == "Win" && response.isDisplayForm == false) { 8006 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none') 8007 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").removeClass("d-none"); 8008 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 8009 8010 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass('d-none'); 8011 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 8012 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none"); 8013 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 8014 if (response.isDisplayForm == true) { 8015 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").removeClass("d-none"); 8016 load_isDisplayFormdata(); 8017 $("#saveformdata1").removeClass("i_continue_again_okay"); 8018 //$("#saveformdata").addClass("scrolltoform"); 8019 $("#saveformdata1").attr('href', '#okayfrActivation_winnerone_form'); 8020 } else { 8021 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_ .okayfrActivation_winnerone_form").addClass("d-none"); 8022 $("#saveformdata1").addClass("i_continue_again_okay"); 8023 //$("#saveformdata").removeClass("scrolltoform"); 8024 $("#saveformdata1").attr('href', 'javascript:;'); 8025 } 8026 $(".gift_title").html(response.giftTitle); 8027 $(".okayfr_img").attr("src", response.imageUrl); 8028 8029 } 8030 else if (response.receiptStatus == "Lose") { 8031 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none') 8032 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 8033 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 8034 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").removeClass('d-none'); 8035 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 8036 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none"); 8037 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 8038 8039 } 8040 else if(response.receiptStatus == "NotEligible") { 8041 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none'); 8042 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first-screen-view").addClass("d-none"); 8043 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none"); 8044 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 8045 $(".get_your_refund_process_main.okay_fr #step-1-detail
8045s_okay_fr.third_Error_popup").addClass("d-none"); 8046 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").removeClass("d-none"); 8047 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fifth_Error_popup").addClass("d-none"); 8048 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 8049 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 8050 8051 } 8052 else if(response.receiptStatus == "QualityIssue") { 8053 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none'); 8054 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none"); 8055 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none"); 8056 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 8057 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 8058 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup ").removeClass("d-none"); 8059 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 8060 8061 } 8062 else if(response.receiptStatus == "DuplicateReceipt") { 8063 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none') 8064 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none"); 8065 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 8066 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").addClass("d-none"); 8067 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").removeClass("d-none"); 8068 //$(".get_your_refund_process_main #step-1-details.fifth_Error_popup").addClass("d-none"); 8069 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 8070 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 8071 } 8072 else if(response.receiptStatus == "Fraud") { 8073 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none') 8074 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none"); 8075 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 8076 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").removeClass("d-none"); 8077 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 8078 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fifth_Error_popup").removeClass("d-none"); 8079 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 8080 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 8081 } 8082 else {
8083 /// defaultly added as not eligible screen 8084 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr").addClass('d-none') 8085 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.first_Error_popup").addClass("d-none"); 8086 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.second_Error_popup").addClass("d-none"); 8087 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.third_Error_popup").removeClass("d-none"); 8088 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fourth_error_popup").addClass("d-none"); 8089 $(".get_your_refund_process_main.okay_fr #step-1-details_okay_fr.fifth_Error_popup").removeClass("d-none"); 8090 $(".get_your_refund_process_main.okay_fr #step-2-details_okay_fr").addClass("d-none"); 8091 $(".get_your_refund_process_main.okay_fr #step-3-details_okay_fr_").addClass("d-none"); 8092 8093 } 8094 }, 8095 error: function (error) { 8096 console.log("error quality" + error); 8097 } 8098 }); 8099 } else { 8100 return flag; 8101 } 8102 8103 }); 8104 8105 // Validate First Name and Last Name 8106 function validatefirstName(firstName) { 8107 // console.log("firstName===>", firstName); 8108 //var namePattern = /^[a-zA-Z\s-]+$/; 8109 var namePattern = /^[\p{L}\s-]+$/u; 8110 if (firstName == "" || firstName == null) { 8111 $("#firstname").css("border", "1px solid #ff2000"); 8112 return false; 8113 } 8114 if (!namePattern.test(firstName)) { 8115 $("#firstname").css("border", "1px solid #ff2000"); 8116 return false; 8117 } 8118 else { 8119 $("#firstname").css("border", "1px solid #ced4da"); 8120 return true; 8121 } 8122 8123 } 8124 function validatelastName(lastName) { 8125 // console.log("lastName===>", lastName); 8126 var namePattern = /^[a-zA-Z\s-]+$/; 8127 if (lastName == "" || lastName == null) { 8128 $("#lastname").css("border", "1px solid #ff2000"); 8129 return false; 8130 } 8131 if (!namePattern.test(lastName)) { 8132 $("#lastname").css("border", "1px solid #ff2000"); 8133 return false; 8134 } 8135 else { 8136 $("#lastname").css("border", "1px solid #ced4da"); 8137 return true; 8138 } 8139 8140 } 8141 // validate city // 8142 function validatecity(city) { 8143 // console.log("city===>",city); 8144 var cityPattern = /^[a-zA-Z\s-]+$/; 8145 if(city == "" || city == null) { 8146 $("#city").css("border", "1px solid #ff2000"); 8147 return false; 8148 } 8149 if(!cityPattern.test(city)) { 8150 $("#city").css("border", "1px solid #ff2000"); 8151 return false; 8152 } 8153 else { 8154 $("#city").css("border", "1px solid #ced4da"); 8155 return true; 8156 } 8157 } 8158 //validatezip// 8159 function validatezip(zip) { 8160 // console.log("zip===>",zip); 8161 var zipPattern = /^[0-9\s-]+$/; 8162 if(zip == "" || zip == null) { 8163 $("#CodePostal").css("border", "1px solid #ff2000"); 8164 return false; 8165 } 8166 if(!zipPattern.test(zip)) { 8167 $("#CodePostal").css("border", "1px solid #ff2000"); 8168 return false; 8169 } 8170 else { 8171 $("#CodePostal").css("border", "1px solid #ced4da"); 8172 return true; 8173 } 8174 } 8175 // validate phone // 8176 function validatephone(phone) { 8177 // console.log("phone===>",phone); 8178 var phonePattern = /^[0-9\s-]+$/; 8179 if(phone == "" || phone == null) { 8180 $("#telephone").css("border", "1px solid #ff2000"); 8181 return false; 8182 } 8183 if(!phonePattern.test(phone)) { 8184 $("#telephone").css("border", "1px solid #ff2000"); 8185 return false; 8186 } 8187 else { 8188 $("#telephone").css("border", "1px solid #ced4da"); 8189 return true; 8190 } 8191 } 8192 // validate address // 8193 function validateaddress(address){ 8194 // console.log("address===>",address); 8195 if(address == "" || address == null) { 8196 $("#Address").css("border", "1px solid #ff2000"); 8197 return false; 8198 8199 } else { 8200 $("#Address").css("border", "1px solid #ced4da"); 8201 return true; 8202 8203 } 8204 8205 } 8206 8207 $(document).on("click",".okayfr_userdet_submit",function(){ 8208 var firstname_result = validatefirstName($("#firstname").val()); 8209 var lastname_result = validatelastName($("#lastname").val()); 8210 var city_result = validatecity($("#city").val()); 8211 var zip_result = validatezip($("#CodePostal").val()); 8212 var phone_result = validatephone($("#telephone").val()); 8213 var address_result = validateaddress($("#Address").val()); 8214 var apiUrl; 8215 // console.log("firstname_result",firstname_result,"lastname_result",lastname_result,"city_result",city_result,"zip_result",zip_result,"phone_result",phone_result,"address_result",address_result); 8216 if(firstname_result && lastname_result && city_result && zip_result && phone_result && address_result){ 8217 // console.log("inside if"); 8218 $(".form_required_error").hide(); 8219 var reqdata = {}; 8220 reqdata.FirstName=$("#firstname").val(); 8221 reqdata.LastName=$("#lastname").val(); 8222 reqdata.City=$("#city").val(); 8223 reqdata.ZipCode=$("#CodePostal").val(); 8224 reqdata.Phone=$("#telephone").val(); 8225 reqdata.Address=$("#Address").val(); 8226 reqdata.Email=okayfr_email; 8227 reqdata.IssueId=okay_issueid; 8228 reqdata.TransactionId=okay_transactionid; 8229 reqdata.GiftTitle=okay_gifttitle; 8230 reqdata.GiftImageUrl=okay_imagurl; 8231 reqdata.WinValue = okay_wincode; 8232 reqdata.BrandName = ''; 8233 // console.log("reqdata",reqdata); 8234 var token = $('input[name="__RequestVerificationToken"]').val(); 8235 var isLotusCampaignActivation = true; 8236 var urlUpdateWithCoupon = '/Okay/UpdateInstaWinParticipation'; 8237 var urlUpdateWithoutCoupon = '/Okay/UpdateInstaWinParticipationWithOutCoupon'; 8238 8239 var isOkayfrActivationPage = false; 8240 var isActivationPageWithoutCampaign = false; 8241 8242 if(isOkayfrActivationPage == true) { 8243 apiUrl = urlUpdateWithCoupon; 8244 } 8245 8246 else if(isActivationPageWithoutCampaign == true){ 8247 apiUrl = urlUpdateWithoutCoupon; 8248 } 8249 8250 //var apiUrl = isLotusCampaignActivation == true ? urlUpdateWithoutCoupon : urlUpdateWithCoupon; 8251 $.ajax({
8252 url: apiUrl, 8253 type: "POST", 8254 dataType: "json", 8255 data:{reqModel:reqdata}, 8256 beforeSend: function (xhr) { 8257 xhr.setRequestHeader("RequestVerificationToken", token); 8258 }, 8259 async: false, 8260 success: function (response) { 8261 8262 // console.log("user data submiited response",response); 8263 if(response.status == "Success"){ 8264 $("#step-3-details_okay_fr_").addClass("d-none"); 8265 $("#step-1-details_okay_fr.confirmation_popup").removeClass("d-none"); 8266 8267 } 8268 8269 } 8270 }); 8271 8272 8273 } else { 8274 // console.log("inside else"); 8275 $(".form_required_error").show(); 8276 return false; 8277 } 8278 8279 }); 8280 8281 function load_isDisplayFormdata() { 8282 $.ajax({
8283 url: '/Profile/GetUserDetails', 8284 headers: { 8285 'X-API-Key': 'E4CD0709-72FF-4310-AB9B-293703B9F78A' 8286 }, 8287 type: "GET", 8288 dataType: "json", 8289 async: false, 8290 success: function (response) { 8291 // console.log("User details response === ==>", response) 8292 okayfr_email = response.email; 8293 $("#firstname").val(response.firstName); 8294 $("#lastname").val(response.lastName); 8295 $("#city").val(response.city); 8296 $("#CodePostal").val(response.zip); 8297 8298 } 8299 }); 8300 // console.log("userstatus varible inside validateUser_account",userstatus); 8301 } 8302 8303 function validateUser_account(){ 8304 $.ajax({
8305 url: '/Coupon/GetCashbackTransactionsStatusPerDay', 8306 type: "GET", 8307 dataType: "json", 8308 async: false, 8309 success: function (response) { 8310 // console.log("GetCashbackTransactionsStatusPerDay response === ==>", response); 8311 userstatus = response.isSuccess; 8312 } 8313 }); 8314 //console.log("userstatus varible inside validateUser_account", userstatus); 8315 } 8316 function importFile() { 8317 //$(".first-screen-view").addClass("d-none"); 8318 grecaptcha.reset(0); grecaptcha.reset(1); 8319 8320 //let input = document.createElement('input'); 8321 //input.type = 'file'; 8322 //input.onchange = _ => { 8323 // you can use this method to get file and perform respective operations 8324 var fileInput = document.getElementById('fileInput'); 8325 fileInput.click(); 8326 // Listen for changes in the input 8327 fileInput.addEventListener('change', function (event) { 8328 var files = event.target.files[0]; 8329 // console.log(files); 8330 // Display the selected image 8331 //let files = Array.from(input.files); 8332 //console.log(files); 8333 var finalcheckedarr = localStorage.getItem('coupons'); 8334 var selectedarrparsed = JSON.parse(finalcheckedarr); 8335 // console.log("selectedarrparsed", selectedarrparsed); 8336 SelectedCampaigns = []; 8337 $.each(selectedarrparsed, function (index, val) { 8338 var reqobj = {}; 8339 if(val.coupontype == "multi"){ 8340 reqobj.Id = val.id; 8341 reqobj.KweeriCampaignId = val.kweericampaignid; 8342 reqobj.CouponCategory= val.couponcategory; 8343 SelectedCampaigns.push(reqobj); 8344 } 8345 8346 }); 8347 // console.log("SelectedCampaigns", SelectedCampaigns); 8348 // $(".first-screen-view").addClass("d-none"); 8349 // $(".loader-container").removeClass("d-none"); 8350 // $(".loader-container #load-success-message").removeClass("d-none"); 8351 //$(".photo_continue_button").removeClass("btn_disabled"); 8352 validateUser_account(); 8353 // console.log("userstatus import file", userstatus); 8354 if (userstatus) { 8355 $("#g-recaptchaid").show(); 8356 $("#isFileImportedWeb").show(); 8357 } else { 8358 $("#isvaliduser").show(); 8359 return false; 8360 } 8361 8362 if (files.type === "image/png" || files.type === "image/jpg" || files.type === "image/jpeg" || files.type === "application/pdf") { 8363 // console.log("valide file......"); 8364 formDatum = new FormData(); 8365 formDatum.append("ImageFile", files); 8366 8367 for (var i = 0; i < SelectedCampaigns.length; i++) { 8368 formDatum.append(`SelectedCampaigns[${i}].Id`, SelectedCampaigns[i].Id); 8369 formDatum.append(`SelectedCampaigns[${i}].KweeriCampaignId`, SelectedCampaigns[i].KweeriCampaignId); 8370 formDatum.append(`SelectedCampaigns[${i}].CouponCategory`, SelectedCampaigns[i].CouponCategory); 8371 } 8372 8373 //console.log("quality ajax call", formDatum); 8374 var flag = grecaptcha.getResponse() == "" ? false : true; 8375 //console.log("flag", flag); 8376 return flag; 8377 8378 8379 8380 } else {
8381 console.log("file type is invalid"); 8382 $(".loader-container").addClass("d-none"); 8383 $(".loader-container #load-success-message").addClass("d-none"); 8384 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 8385 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 8386 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 8387 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 8388 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").removeClass("d-none"); 8389 $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none"); 8390 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 8391 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 8392 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 8393 } 8394 }); 8395 fileInput.addEventListener('click', () => { 8396 fileInput.value = null; 8397 }); 8398 //input.click(); 8399 8400 } 8401 function importFileokay() { 8402 //$(".first-screen-view").addClass("d-none"); 8403 grecaptcha.reset(0); grecaptcha.reset(1); 8404 8405 //let input = document.createElement('input'); 8406 //input.type = 'file'; 8407 //input.onchange = _ => { 8408 // you can use this method to get file and perform respective operations 8409 var fileInput = document.getElementById('fileInput'); 8410 fileInput.click(); 8411 // Listen for changes in the input 8412 fileInput.addEventListener('change', function (event) { 8413 var files = event.target.files[0]; 8414 // console.log(files); 8415 // Display the selected image 8416 //let files = Array.from(input.files); 8417 //console.log(files); 8418 var finalcheckedarr = localStorage.getItem('coupons'); 8419 var selectedarrparsed = JSON.parse(finalcheckedarr); 8420 // console.log("selectedarrparsed", selectedarrparsed); 8421 SelectedCampaigns = []; 8422 $.each(selectedarrparsed, function (index, val) { 8423 var reqobj = {}; 8424 8425 reqobj.Id = val.id; 8426 reqobj.KweeriCampaignId = val.kweericampaignid; 8427 reqobj.CouponCategory = val.couponcategory; 8428 SelectedCampaigns.push(reqobj); 8429 }); 8430 // console.log("SelectedCampaigns", SelectedCampaigns); 8431 // $(".first-screen-view").addClass("d-none"); 8432 // $(".loader-container").removeClass("d-none"); 8433 // $(".loader-container #load-success-message").removeClass("d-none"); 8434 //$(".photo_continue_button").removeClass("btn_disabled"); 8435 validateUser_account(); 8436 // console.log("userstatus import file", userstatus); 8437 if (userstatus) { 8438 $("#g-recaptchaid").show(); 8439 $("#g-recaptchaidokayfr").show(); 8440 $("#isFileImportOkayfrError").show(); 8441 } else { 8442 $("#isvaliduser").show(); 8443 return false; 8444 } 8445 8446 if(files.type === "image/png" || files.type ==="image/jpg" || files.type === "image/jpeg" || files.type === "application/pdf"){ 8447 // console.log("valide file......"); 8448 formDatum = new FormData(); 8449 formDatum.append("ImageFile", files); 8450 8451 for (var i = 0; i < SelectedCampaigns.length; i++) { 8452 formDatum.append(`SelectedCampaigns[${i}].Id`, SelectedCampaigns[i].Id); 8453 formDatum.append(`SelectedCampaigns[${i}].KweeriCampaignId`, SelectedCampaigns[i].KweeriCampaignId); 8454 formDatum.append(`SelectedCampaigns[${i}
8454].CouponCategory`, SelectedCampaigns[i].CouponCategory); 8455 } 8456 8457 // console.log("quality ajax call", formDatum); 8458 var flag = grecaptcha.getResponse() == "" ? false : true; 8459 // console.log("flag", flag); 8460 return flag; 8461 8462 8463 8464 } else { 8465 console.log("file type is invalid"); 8466 $(".loader-container").addClass("d-none"); 8467 $(".loader-container #load-success-message").addClass("d-none"); 8468 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 8469 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 8470 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 8471 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 8472 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").removeClass("d-none"); 8473 $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none"); 8474 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 8475 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 8476 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 8477 } 8478 }); 8479 fileInput.addEventListener('click', () => { 8480 fileInput.value = null; 8481 }); 8482 //input.click(); 8483 8484 } 8485 function getBinaryFromFile(file) { 8486 return new Promise((resolve, reject) => { 8487 const reader = new FileReader(); 8488 reader.addEventListener("load", () => resolve(reader.result)); 8489 reader.addEventListener("error", err => reject(err)); 8490 reader.readAsBinaryString(file); 8491 }); 8492 } 8493 $(document).on("click", ".web_reduction_listing_modal_fotter", function (e) { 8494 $(".get_your_refund_process_main #step-1-details").addClass('d-none') 8495 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 8496 $(".get_your_refund_process_main #step-2-details").removeClass("d-none"); 8497 $(".get_your_refund_process_main #step-1").removeClass("active"); 8498 $(".get_your_refund_process_main #step-1").addClass("disabled"); 8499 $(".get_your_refund_process_main #step-2").removeClass("disabled"); 8500 $(".get_your_refund_process_main #step-2").addClass("active"); 8501 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 8502 }); 8503 8504 $(document).on("click", ".i_continue_again", function () { 8505 // console.log("we aer getting continue in mob"); 8506 $(".get_your_refund_process_main #step-1-details").addClass('d-none'); 8507 $(".get_your_refund_process_main #step-1-details.first-screen-view").removeClass("d-none"); 8508 $(".get_your_refund_process_main #step-1-details.first-screen-view.first_Error_popup").addClass('d-none'); 8509 $(".get_your_refund_process_main #step-1-details.confirmation_popup").addClass('d-none'); 8510 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 8511 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 8512 $(".photo_continue_button").addClass("btn_disabled"); 8513 $(".photo_continue_button_okay").addClass("btn_disabled"); 8514 grecaptcha.reset(0); grecaptcha.reset(1); 8515 $("#g-recaptchaid").hide(); 8516 $("#g-recaptchaid_mob").hide(); 8517 $("#g-recaptchaid_mob_takepic").hide(); 8518 $("#isFileImportOkayfrError").hide();
8519 $("#isvaliduser").hide(); 8520 $("#g-recaptchaidokayfr").hide(); 8521 $("#checkBox_upload").prop('checked', false); // Unchecks it 8522 $(".consentText_filoeuploadOkayFR").css("color", "#00005aab"); 8523 $("#isFileImportOkayfrError").hide(); 8524 $("#isFileImportedWeb").hide(); 8525 $("#ImportFileBtn").attr("disabled",false); 8526 $("#ImportFileBtnokay").attr("disabled", true); 8527 $("#TakePictureBtn").attr('disabled', false); 8528 $("#TakePictureBtnokay").attr('disabled', true); 8529 }); 8530 8531 $(document).on("click",".i_continue_again_okay",function(){ 8532 // console.log("we aer getting continue in mob"); 8533 $(".get_your_refund_process_main #step-1-details_okay_fr").addClass('d-none'); 8534 $(".get_your_refund_process_main #step-1-details_okay_fr.first-screen-view").removeClass("d-none"); 8535 $(".get_your_refund_process_main #step-1-details_okay_fr.first-screen-view.first_Error_popup").addClass('d-none'); 8536 $(".get_your_refund_process_main #step-1-details_okay_fr.confirmation_popup").addClass('d-none'); 8537 $(".get_your_refund_process_main #step-2-details_okay_fr").addClass("d-none"); 8538 $(".get_your_refund_process_main #step-3-details_okay_fr_").addClass("d-none"); 8539 $(".photo_continue_button_okay").addClass("btn_disabled"); 8540 grecaptcha.reset(0); grecaptcha.reset(1); 8541 $("#g-recaptchaid").hide(); 8542 $("#g-recaptchaid_mob").hide(); 8543 $("#g-recaptchaid_mob_takepic").hide(); 8544 $("#isFileImportOkayfrError").hide(); 8545 $("#isvaliduser").hide(); 8546 $("#g-recaptchaidokayfr").hide(); 8547 $("#checkBox_upload").prop('checked', false); // Unchecks it 8548 $(".consentText_filoeuploadOkayFR").css("color", "#00005aab"); 8549 $("#isFileImportOkayfrError").hide(); 8550 $("#isFileImportedWeb").hide(); 8551 $("#ImportFileBtnokay").attr("disabled", false); 8552 $("#TakePictureBtnokay").attr('disabled', false); 8553 captchaflag = false; 8554 }); 8555 8556 $(document).on("click","#cashback_list_confirmation",function(){ 8557 var userId=""; 8558 $.ajax({
8559 url: '/Profile/GetUserDetails', 8560 headers: { 8561 'X-API-Key': 'E4CD0709-72FF-4310-AB9B-293703B9F78A' 8562 }, 8563 type: "GET", 8564 data: { userId: userId }, 8565 dataType: "json", 8566 success: function (response) { 8567 // console.log("response === ==>", response); 8568 var userDetails = {}; 8569 userDetails.bic = response.bic; 8570 userDetails.city = response.city; 8571 userDetails.email = response.email; 8572 userDetails.firstName = response.firstName; 8573 userDetails.iban = response.iban; 8574 userDetails.lastName = response.lastName; 8575 userDetails.uid = response.uid; 8576 userDetails.zip = response.zip; 8577 localStorage.setItem("userDetails", userDetails); 8578 if (userDetails.bic != null) { 8579 $("#bic-textfield").val(userDetails.bic); 8580 } 8581 if (userDetails.iban != null) { 8582 $("#iban-textfield").val(userDetails.iban); 8583 } 8584 let ibanNumber = $("#iban-textfield").val(); 8585 let bicCode = $("#bic-textfield").val(); 8586 if (ibanNumber.length > 0 && bicCode.length > 0) { 8587 $("#IBANFormBtn").removeClass("btn_disabled"); 8588 } else { 8589 $("#IBANFormBtn").addClass("btn_disabled"); 8590 } 8591 8592 } 8593 }); 8594 }); 8595 8596 8597</script>
8597 8598 8599
8600<script integrity="sha512-oJCa6FS2+zO3EitUSj+xeiEN9UTr+AjqlBZO58OPadb2RfqwxHpjTU8ckIC8F4nKvom7iru2s8Jwdo+Z8zm0Vg==" crossorigin="anonymous" referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/0.9.0/jquery.mask.min.js"></script>
vendor: 2 bytes, line 8600
8600
8601<script id="rendered-js"> 8602 $(document).ready(function () { 8603 //$('#iban-textfield').mask('SS00 0000 0000 0000 0000 000', { 8604 //$('#iban-textfield').mask('SS00 00000 00000 AAAAAAAAAAA 00', { 8605 //placeholder: '____ _____ _____ ___________ __' 8606 //}); 8607 // FR09 42424 42424 RD424424WP8 67 8608 8609 $("#ibanNumberRequireError").hide(); 8610 $("#ibanNumberNotValid").hide(); 8611 $("#bicCodeRequireError").hide(); 8612 8613 function isIBANNumber(value) { 8614 const inputValue = value.replace(/\s/g, ''); 8615 const ibanRegex = /FR[0-9]{2}[0-9]{5}[0-9]{5}[A-Z0-9]{11}[0-9]{2}/; 8616 const isValid = ibanRegex.test(inputValue); 8617 // console.log(isValid); 8618 return isValid; 8619 } 8620 8621 function isBICCode(value) { 8622 const inputValue = value.replace(/\s/g, ''); 8623 const bicRegex = /^[A-Z0-9]{8}([A-Z0-9]{3})?$/; 8624 const isValid = bicRegex.test(inputValue); 8625 // console.log(isValid); 8626 return isValid; 8627 } 8628 8629 8630 $("#iban-textfield").keyup(function (e) { 8631 e.target.value = e.target.value.toUpperCase(); 8632 IBANValidate(); 8633 if (IBANValidate() && BICValidate()) { 8634 $("#IBANFormBtn").removeClass("btn_disabled"); 8635 } else { 8636 $("#IBANFormBtn").addClass("btn_disabled"); 8637 } 8638 }); 8639 8640 // $("#bic-textfield").keyup(function (e) { 8641 // BICValidate(); 8642 8643 // if (IBANValidate() && BICValidate()) { 8644 // $("#IBANFormBtn").removeClass("btn_disabled"); 8645 // } else { 8646 // $("#IBANFormBtn").addClass("btn_disabled"); 8647 // } 8648 8649 // }); 8650 8651 $("#bic-textfield").keyup(function (e) { 8652 e.target.value = e.target.value.toUpperCase(); 8653 BICValidate(); 8654 8655 if (IBANValidate() && BICValidate()) { 8656 $("#IBANFormBtn").removeClass("btn_disabled"); 8657 } else { 8658 $("#IBANFormBtn").addClass("btn_disabled"); 8659 } 8660 }); 8661 8662 8663 function IBANValidate() { 8664 let ibanNumber = $("#iban-textfield").val(); 8665 $("#ibanNumberRequireError").hide(); 8666 $("#ibanNumberNotValid").hide(); 8667 if (ibanNumber == "") { 8668 $("#ibanNumberNotValid").hide(); 8669 $("#ibanNumberRequireError").show(); 8670 return false; 8671 } else if (!isIBANNumber(ibanNumber)) { 8672 $("#ibanNumberRequireError").hide(); 8673 $("#ibanNumberNotValid").show(); 8674 return false; 8675 } else { 8676 return true; 8677 } 8678 } 8679 8680 // function BICValidate() { 8681 // let bicCode = $("#bic-textfield").val(); 8682 // $("#bicCodeRequireError").hide(); 8683 // if (bicCode == "") { 8684 // $("#bicCodeRequireError").show(); 8685 // return false; 8686 // } else { 8687 // return true; 8688 // } 8689 8690 // } 8691 8692 function BICValidate() { 8693 let bicCode = $("#bic-textfield").val(); 8694 $("#bicCodeRequireError").hide(); 8695 $("#bicCodeLengthError").hide(); 8696 if (bicCode == "") { 8697 $("#bicCodeRequireError").show(); 8698 return false; 8699 } else if (bicCode.length < 11) { 8700 $("#bicCodeRequireError").show(); 8701 return false; 8702 } else if (!isBICCode(bicCode)) { 8703 $("#bicCodeRequireError").show(); 8704 $("#bicCodeLengthError").hide(); 8705 return false; 8706 } else { 8707 return true; 8708 } 8709 } 8710 8711 $("#IBANFormBtn").click(function (e) { 8712 var bic = $("#bic-textfield").val(); 8713 var iban = $("#iban-textfield").val(); 8714 var finalcheckedarr = localStorage.getItem('coupons'); 8715 var selectedarrparsed = JSON.parse(finalcheckedarr); 8716 // console.log("selectedarrparsed", selectedarrparsed);
8717 SelectedCampaigns = []; 8718 $.each(selectedarrparsed, function (index, val) { 8719 if(val.coupontype == "multi"){ 8720 SelectedCampaigns.push(val.id); 8721 } 8722 8723 }); 8724 // console.log("SelectedCampaigns", SelectedCampaigns); 8725 8726 if (!IBANValidate() || !BICValidate()) { 8727 return false; 8728 } else { 8729 8730 var matchedCoupons = JSON.parse(localStorage.getItem("matchedcoupons")); 8731 var cashbackTransactionId = JSON.parse(localStorage.getItem("cashbacktransactionId")); 8732 // console.log("IBANFormBtn ", cashbackTransactionId); 8733 8734 var checked = $('#IBANCheck').prop('checked'); 8735 // console.log("checked", checked) 8736 var reqModel = { 8737 Offers: matchedCoupons, 8738 CashbackTransactionId: cashbackTransactionId, 8739 UID: "", 8740 InvoiceUrl: localStorage.getItem("invoiceurl"), 8741 IBAN: iban, 8742 BIC: bic, 8743 IsSave: checked 8744 } 8745 var token = $('input[name="__RequestVerificationToken"]').val(); 8746 $.ajax({
8747 url: '/Coupon/PostCouponCashback', 8748 type: "POST", 8749 data: { reqModel: reqModel }, 8750 beforeSend: function (xhr) { 8751 xhr.setRequestHeader("RequestVerificationToken", token); 8752 }, 8753 dataType: "json", 8754 success: function (response) { 8755 // console.log("response", response); 8756 if (response.status == "Success") { 8757 $(".get_your_refund_process_main #step-1-details").addClass('d-none') 8758 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 8759 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 8760 $(".get_your_refund_process_main #step-3-details").removeClass("d-none"); 8761 $(".get_your_refund_process_main #step-1").removeClass("active"); 8762 $(".get_your_refund_process_main #step-1").addClass("disabled"); 8763 $(".get_your_refund_process_main #step-2").removeClass("active"); 8764 $(".get_your_refund_process_main #step-2").addClass("disabled"); 8765 $(".get_your_refund_process_main #step-3").removeClass("disabled"); 8766 $(".get_your_refund_process_main #step-3").addClass("active"); 8767 $(".success_content").removeClass("d-none"); 8768 $(".error_content").addClass("d-none"); 8769 $(".error_content.Max-userexceed").addClass("d-none"); 8770 8771 var selectedcoupons = localStorage.getItem('coupons'); 8772 var selectedarrparsed1 = JSON.parse(selectedcoupons); 8773 var returncoupontype = checkingcoupontypes(selectedarrparsed1); 8774 //console.log("returncoupontype", returncoupontype); 8775 if (returncoupontype === true) { 8776 $("#quickbasketloop").html(""); 8777 $("#Totaladdedamount").text("0€"); 8778 $("#Totaladdedamountinside").text("0€"); 8779 $("#total_price_mobile").text("0€"); 8780 $(".discount_coupons_cards").removeClass("selected"); 8781 $(".disabledcoupon").hide(); 8782 localStorage.removeItem('coupons'); 8783 localStorage.removeItem("couponTypeselected"); 8784 localStorage.setItem('basketcount', 0); 8785 $(".discount_coupons_cards").css({ "box-shadow": "none", "border": "1px solid rgba(0,0,0,.125)" }) 8786 $(".basket_tag_click_badge_desktop p").text(localStorage.getItem('basketcount')); 8787 $(".basket_popup_mobile_button_badge").text(localStorage.getItem('basketcount')); 8788 $(".discount_coupons_cards").each(function () { 8789 $(this).find(".selectcheckbox").prop("checked", false); 8790 }); 8791 $(".basket_popup_main").css("display", "none"); 8792 } else { 8793 8794 // console.log("final array in REQ ", SelectedCampaigns, selectedarrparsed1); 8795 const filterByReference = (arr1, arr2) => { 8796 let res = []; 8797 res = arr1.filter(el => { 8798 return !arr2.find(element => { 8799 return element == el.id; 8800 }); 8801 }); 8802 return res; 8803 } 8804 // console.log(filterByReference(selectedarrparsed1, SelectedCampaigns)); 8805 var finaldata = filterByReference(selectedarrparsed1, SelectedCampaigns); 8806 8807 // set the item in localStorage 8808 if (selectedarrparsed1.length > 0) { 8809 localStorage.setItem('coupons', JSON.stringify(finaldata)); 8810 localStorage.setItem('basketcount', finaldata.length) 8811 updatingstickybasket(localStorage.getItem('coupons')); 8812 loaddefaultselection(); 8813 } 8814 } 8815 RefreshCouponListforCapping(); 8816 } else if (response.status == "Failed") { 8817 $(".get_your_refund_process_main #step-1-detail
8817s").addClass('d-none') 8818 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 8819 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 8820 $(".get_your_refund_process_main #step-3-details").removeClass("d-none"); 8821 $(".get_your_refund_process_main #step-1").removeClass("active"); 8822 $(".get_your_refund_process_main #step-1").addClass("disabled"); 8823 $(".get_your_refund_process_main #step-2").removeClass("active"); 8824 $(".get_your_refund_process_main #step-2").addClass("disabled"); 8825 $(".get_your_refund_process_main #step-3").removeClass("disabled"); 8826 $(".get_your_refund_process_main #step-3").addClass("active"); 8827 $(".error_content").removeClass("d-none"); 8828 $(".error_content.Max-userexceed").addClass("d-none"); 8829 $(".success_content").addClass("d-none"); 8830 } else { 8831 $(".get_your_refund_process_main #step-1-details").addClass('d-none') 8832 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 8833 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 8834 $(".get_your_refund_process_main #step-3-details").removeClass("d-none"); 8835 $(".get_your_refund_process_main #step-1").removeClass("active"); 8836 $(".get_your_refund_process_main #step-1").addClass("disabled"); 8837 $(".get_your_refund_process_main #step-2").removeClass("active"); 8838 $(".get_your_refund_process_main #step-2").addClass("disabled"); 8839 $(".get_your_refund_process_main #step-3").removeClass("disabled"); 8840 $(".get_your_refund_process_main #step-3").addClass("active"); 8841 $(".error_content.Max-userexceed").removeClass("d-none"); 8842 $(".success_content").addClass("d-none"); 8843 $(".error_content").addClass("d-none"); 8844 } 8845 8846 } 8847 }); 8848 8849 8850 } 8851 }); 8852 }); 8853 8854 /* DRAG and DROP Scripts*/ 8855 $(document).ready(function() { 8856 $("#drop-area").on('dragenter', function (e){ 8857 e.preventDefault(); 8858 }); 8859 8860 $("#drop-area").on('dragover', function (e){ 8861 e.preventDefault(); 8862 }); 8863 8864 $("#drop-area").on('drop', function (e){ 8865 e.preventDefault(); 8866 var image = e.originalEvent.dataTransfer.files; 8867 //$(".first-screen-view").addClass("d-none"); 8868 grecaptcha.reset(0); grecaptcha.reset(1); 8869 8870 8871 var files = image[0]; 8872 // Display the selected image 8873 //let files = Array.from(input.files); 8874 //console.log(files); 8875 var finalcheckedarr = localStorage.getItem('coupons'); 8876 var selectedarrparsed = JSON.parse(finalcheckedarr); 8877 // console.log("selectedarrparsed", selectedarrparsed); 8878 SelectedCampaigns = []; 8879 $.each(selectedarrparsed, function (index, val) { 8880 var reqobj = {}; 8881 8882 reqobj.Id = val.id; 8883 reqobj.KweeriCampaignId = val.kweericampaignid; 8884 reqobj.CouponCategory = val.couponcategory; 8885 SelectedCampaigns.push(reqobj); 8886 }); 8887 // console.log("SelectedCampaigns", SelectedCampaigns); 8888 // $(".first-screen-view").addClass("d-none"); 8889 // $(".loader-container").removeClass("d-none"); 8890 // $(".loader-container #load-success-message").removeClass("d-none"); 8891 //$(".photo_continue_button").removeClass("btn_disabled"); 8892 validateUser_account(); 8893 // console.log("userstatus import file", userstatus); 8894 if (userstatus) { 8895 $("#g-recaptchaid").show(); 8896 $("#isFileImportedWeb").show(); 8897 } else {
8898 $("#isvaliduser").show(); 8899 return false; 8900 } 8901 8902 if (files.type === "image/png" || files.type === "image/jpg" || files.type === "image/jpeg" || files.type === "application/pdf") { 8903 //console.log("valide file......"); 8904 formDatum = new FormData(); 8905 formDatum.append("ImageFile", files); 8906 8907 for (var i = 0; i < SelectedCampaigns.length; i++) { 8908 formDatum.append(`SelectedCampaigns[${i}].Id`, SelectedCampaigns[i].Id); 8909 formDatum.append(`SelectedCampaigns[${i}].KweeriCampaignId`, SelectedCampaigns[i].KweeriCampaignId); 8910 formDatum.append(`SelectedCampaigns[${i}].CouponCategory`, SelectedCampaigns[i].CouponCategory); 8911 } 8912 8913 //console.log("quality ajax call", formDatum); 8914 var flag = grecaptcha.getResponse() == "" ? false : true; 8915 //console.log("flag", flag); 8916 return flag; 8917 8918 8919 8920 } else { 8921 console.log("file type is invalid"); 8922 $(".loader-container").addClass("d-none"); 8923 $(".loader-container #load-success-message").addClass("d-none"); 8924 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 8925 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 8926 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 8927 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 8928 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").removeClass("d-none"); 8929 $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none"); 8930 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 8931 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 8932 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 8933 } 8934 8935 }); 8936 8937 8938 $("#drop-area-okayfr").on('dragenter', function (e){ 8939 e.preventDefault(); 8940 }); 8941 8942 $("#drop-area-okayfr").on('dragover', function (e){ 8943 e.preventDefault(); 8944 }); 8945 8946 $("#drop-area-okayfr").on('drop', function (e){ 8947 e.preventDefault(); 8948 var image = e.originalEvent.dataTransfer.files; 8949 // console.log("image",image); 8950 grecaptcha.reset(0); grecaptcha.reset(1); 8951 8952 var files = image[0]; 8953 // console.log(files); 8954 // Display the selected image 8955 //let files = Array.from(input.files); 8956 //console.log(files); 8957 var finalcheckedarr = localStorage.getItem('coupons'); 8958 var selectedarrparsed = JSON.parse(finalcheckedarr); 8959 // console.log("selectedarrparsed", selectedarrparsed); 8960 SelectedCampaigns = []; 8961 $.each(selectedarrparsed, function (index, val) { 8962 var reqobj = {}; 8963 8964 reqobj.Id = val.id; 8965 reqobj.KweeriCampaignId = val.kweericampaignid; 8966 SelectedCampaigns.push(reqobj); 8967 }); 8968 // console.log("SelectedCampaigns", SelectedCampaigns); 8969 // $(".first-screen-view").addClass("d-none"); 8970 // $(".loader-container").removeClass("d-none"); 8971 // $(".loader-container #load-success-message").removeClass("d-none"); 8972 //$(".photo_continue_button").removeClass("btn_disabled"); 8973 validateUser_account(); 8974 // console.log("userstatus import file", userstatus); 8975 if (userstatus) { 8976 $("#g-recaptchaid").show(); 8977 $("#g-recaptchaidokayfr").show(); 8978 $("#isFileImportOkayfrError").show(); 8979 } else {
8980 $("#isvaliduser").show(); 8981 return false; 8982 } 8983 8984 if(files.type === "image/png" || files.type ==="image/jpg" || files.type === "image/jpeg" || files.type === "application/pdf"){ 8985 // console.log("valide file......"); 8986 formDatum = new FormData(); 8987 formDatum.append("ImageFile", files); 8988 8989 for (var i = 0; i < SelectedCampaigns.length; i++) { 8990 formDatum.append(`SelectedCampaigns[${i}].Id`, SelectedCampaigns[i].Id); 8991 formDatum.append(`SelectedCampaigns[${i}].KweeriCampaignId`, SelectedCampaigns[i].KweeriCampaignId); 8992 } 8993 8994 // console.log("quality ajax call", formDatum); 8995 var flag = grecaptcha.getResponse() == "" ? false : true; 8996 // console.log("flag", flag); 8997 return flag; 8998 8999 9000 9001 } else { 9002 console.log("file type is invalid"); 9003 $(".loader-container").addClass("d-none"); 9004 $(".loader-container #load-success-message").addClass("d-none"); 9005 $(".get_your_refund_process_main #step-1-details").removeClass('d-none') 9006 $(".get_your_refund_process_main #step-1-details.cashback-file-upload-success-screen").addClass("d-none"); 9007 $(".get_your_refund_process_main #step-1-details.first-screen-view").addClass("d-none"); 9008 $(".get_your_refund_process_main #step-1-details.first_Error_popup").addClass("d-none"); 9009 $(".get_your_refund_process_main #step-1-details.fourth_error_popup_first_text").removeClass("d-none"); 9010 $(".get_your_refund_process_main #step-1-details.third_Error_popup").addClass("d-none"); 9011 $(".get_your_refund_process_main #step-1-details.second_Error_popup").addClass("d-none"); 9012 $(".get_your_refund_process_main #step-2-details").addClass("d-none"); 9013 $(".get_your_refund_process_main #step-3-details").addClass("d-none"); 9014 } 9015 }); 9016 }); 9017 9018 9019 9020 /* DRAG and DROP Scripts*/ 9021 9022 9023 $(document).ready(function() { 9024 $('#BtnScrollOkFrTo,#BtnScrollOkFrToMobile').click(function () { 9025 if ($(window).width() <= 768) { 9026 // Mobile behavior 9027 var mobileSectionOffset = $('#mobileTargetScrool').offset().top - ($(window).height() * 0.5);; 9028 $('html, body').animate({ 9029 scrollTop: mobileSectionOffset 9030 }, 500); 9031 } else { 9032 // Desktop behavior 9033 var desktopSectionOffset = $('#BtnScrollOkFrFrom').offset().top; 9034 $('html, body').animate({ 9035 scrollTop: desktopSectionOffset 9036 }, 500); 9037 } 9038 }); 9039 hideStickyBasketInAdminScreenPage(); 9040 }); 9041 9042 // ================== 9043 $('.tooltip-container').on('mouseenter', function () { 9044 const $tooltip = $(this).find('.tooltip-popup'); 9045 const containerOffset = $(this).offset(); 9046 const containerHeight = $(this).outerHeight(); 9047 const tooltipHeight = $tooltip.outerHeight(); 9048 const windowHeight = $(window).height(); 9049 const scrollTop = $(window).scrollTop(); 9050 const spaceAbove = containerOffset.top - scrollTop; 9051 const spaceBelow = windowHeight - (spaceAbove + containerHeight); 9052 9053 $tooltip.removeClass('arrow-up arrow-down arrow-mobile'); 9054 9055 // Check for mobile screen size 9056 if ($(window).width() <= 768) { // Adjust the width as needed for mobile detection 9057 $tooltip.css({ 9058 top: -tooltipHeight - 8, // Position on top 9059 left: '50%', 9060 transform: 'translateX(-50%)', // Center it horizontally 9061 right: 'unset', // Reset any right alignment 9062 }).addClass('arrow-mobile'); 9063 } else { 9064 // Desktop behavior 9065 if (spaceBelow >= tooltipHeight) { 9066 $tooltip.css({ 9067 top: containerHeight + 8, 9068 right: 0, 9069 }).addClass('arrow-down'); 9070 } else { 9071 $tooltip.css({ 9072 top: -tooltipHeight - 8, 9073 right: 0, 9074 }).addClass('arrow-up'); 9075 } 9076 } 9077 9078 $tooltip.fadeIn(200); 9079 }); 9080 9081 $('.tooltip-container').on('mouseleave', function () { 9082 $(this).find('.tooltip-popup').fadeOut(200); 9083 }); 9084 9085 9086 // ============ 9087 9088 9089 9090 // ===================== 9091 9092 $(document).on("click", "#onetrust-accept-btn-handler", function () { 9093 // console.log("user acceptance cookie button Clicked..."); 9094 storeUtmParameters(); 9095 }); 9096 9097 function storeUtmParameters() { 9098 var performanceCookiesAccepted = false; 9099 9100 for (var j = 0; j < dataLayer.length; j++) { 9101 if (dataLayer[j].OptanonActiveGroups && dataLayer[j].OptanonActiveGroups.includes("C0002")) { 9102 performanceCookiesAccepted = true; 9103 break; 9104 } 9105 } 9106 9107 if (performanceCookiesAccepted) { 9108 // console.log("Performance cookies accepted."); 9109 if ('') 9110 localStorage.setItem('click_Id', ''); 9111 // console.log("Click_id: " + localStorage.getItem('click_Id')); 9112 9113 if ('') 9114 localStorage.setItem('utm_campaign', ''); 9115 9116 if ('') 9117 localStorage.setItem('utm_content', ''); 9118 9119 if ('') 9120 localStorage.setItem('utm_medium', ''); 9121 9122 if ('') 9123 localStorage.setItem('utm_source', ''); 9124 9125 // console.log("utm_medium: " + localStorage.getItem('utm_medium')); 9126 9127 } else { 9128 console.log("Cookies not accepted."); 9129 } 9130 } 9131 9132 9133 9134 // admin sidebar script start here 9135 9136 function openNav() { 9137 const sidebarName = document.getElementById("sidebarName").textContent; 9138 document.getElementById("sidebar-title").textContent = sidebarName; 9139 9140 document.getElementById("mainAdminSidebar").style.width = "320px"; 9141 document.getElementById("backdropAdmin").style.display = "block"; 9142 } 9143 9144 function closeNav() { 9145 document.getElementById("mainAdminSidebar").style.width = "0"; 9146 document.getElementById("backdropAdmin").style.display = "none"; 9147 } 9148 9149 document.getElementById("openBtnSidebar").addEventListener("click", openNav); 9150 document.getElementById("closeBtnSidebar").addEventListener("click", closeNav); 9151 document.getElementById("backdropAdmin").addEventListener("click", closeNav); 9152 9153 // Add event listeners to buttons inside the sidebar 9154 const adminTabBtns = document.querySelectorAll('.adminTabBtn'); 9155 adminTabBtns.forEach(btn => { 9156 btn.addEventListener('click', closeNav); 9157 }); 9158 9159 function hideStickyBasketInAdminScreenPage() { 9160 if ('False' == 'True') { 9161 $('#basketPopbtn').css('display', 'none'); 9162 $(".basket_popup_mobile").css("display", "none"); 9163 } 9164 9165 } 9166 9167 9168 9169 function BindClaimFormLink(transactionIds,couponIds) 9170 { 9171 // console.log("transactionIds "+transactionIds); 9172 // console.log("couponIds "+couponIds); 9173 9174 // Build the claim form link 9175 var currentLink=$(".claimFormLink").prop("href"); 9176 currentLink = currentLink.endsWith('/') ? currentLink.slice(0, -1) : currentLink; 9177 // console.log("current claim link "+currentLink); 9178 var queryStringclm = transactionIds+"|"+couponIds; 9179 if(queryStringclm && currentLink) 9180 { 9181 var utf8String = unescape(encodeURIComponent(queryStringclm)); 9182 var base64String = btoa(utf8String); 9183 $(".claimFormLink").prop("href",currentLink+"?value="+base64String); 9184 } 9185 } 9186 9187 function initHomeSwiper() { 9188 if (window.matchMedia("(min-width: 768px)").matches) { 9189 window.mySwiperInstance = new Swiper(".mySwiper", { 9190 slidesPerGroup: 3, 9191 spaceBetween: 20, 9192 centeredSlides: false, 9193 pagination: { 9194 el: ".swiper-pagination", 9195 clickable: true, 9196 }, 9197 breakpoints: { 9198 768: { 9199 slidesPerView: 3, 9200 spaceBetween: 20, 9201 }, 9202 1024: { 9203 slidesPerView: 3, 9204 spaceBetween: 30, 9205 slidesPerGroup: 3, 9206 }, 9207 }, 9208 }); 9209 } 9210 } 9211 9212 function RefreshCouponListforCapping() { 9213
9214 if ('contactUsPage' == "reductionsAndRemboursements" || 'contactUsPage' == "brandSpecificPage" || 'contactUsPage' == "homePage") { 9215 let refreshType = "ReimbursementPage"; 9216 if ('contactUsPage' == "homePage") { 9217 refreshType = "HomePage"; 9218 } 9219 var reqModel = { 9220 IsRequestFromBrandPage: false, 9221 BrandType: "", 9222 CappingRefreshType: refreshType 9223 }; 9224 var token = $('input[name="__RequestVerificationToken"]').val(); 9225 $.ajax({ 9226 url: '/Coupon/GetCouponListPage', 9227 type: 'POST', 9228 data: { reqModel: reqModel }, 9229 beforeSend: function (xhr) { 9230 xhr.setRequestHeader("RequestVerificationToken", token); 9231 }, 9232 success: function (response) { 9233 if (refreshType == "HomePage") { 9234 $("#homecouponListDIV").html(response); 9235 initHomeSwiper(); 9236 } 9237 else { 9238 if ($("#couponListSection").length) { 9239 $("#couponListSection").load(window.location.href + " #couponListSection > *"); 9240 } else { 9241 $("#couponListDIV").html(response); 9242 } 9243 } 9244 loaddefaultselection(); 9245 }, 9246 error: function (xhr, status, error) { 9247 console.error('Error fetching RefreshCouponListPage:', error); 9248 } 9249 }); 9250 } 9251 9252 } 9253 9254 function GetCoupons(callback) { 9255 $.ajax({
9256 url: '/Coupon/GetCouponDetails', 9257 type: "GET", 9258 dataType: "json", 9259 async: false, 9260 success: function (data) { 9261 if (data) { 9262 callback(data); 9263 } 9264 9265 } 9266 }); 9267 } 9268 9269 function addBasketItems(coupons) { 9270 var postdata = []; 9271 $.each(coupons, function (index, element) { 9272 parameters = {}; 9273 parameters.CouponId = element.id; 9274 parameters.CouponType = element.coupontype; 9275 postdata.push(parameters); 9276 }) 9277 var reqModel = { 9278 StickyBasketItemsViewModel: postdata 9279 } 9280 var token = $('input[name="__RequestVerificationToken"]').val(); 9281 // console.log("Token",token); 9282 $.ajax({ 9283 url: '/BasketItem/AddOrRemoveBasketItem', 9284 type: "POST", 9285 data: { reqModel: reqModel }, 9286 beforeSend: function (xhr) { 9287 xhr.setRequestHeader("RequestVerificationToken", token); 9288 }, 9289 dataType: "json", 9290 success: function (data) { 9291 9292 } 9293 }); 9294 } 9295 function validateBasketItems(coupons) { 9296 var postdata = []; 9297 $.each(coupons, function (index, element) { 9298 parameters = {}; 9299 parameters.CouponId = element.id; 9300 parameters.CouponType = element.coupontype; 9301 postdata.push(parameters); 9302 }) 9303 var reqModel = { 9304 StickyBasketItemsViewModel: postdata 9305 } 9306 var token = $('input[name="__RequestVerificationToken"]').val(); 9307 $.ajax({
9308 url: '/BasketItem/ValidateBasketItem', 9309 type: "POST", 9310 data: { reqModel: reqModel }, 9311 beforeSend: function (xhr) { 9312 xhr.setRequestHeader("RequestVerificationToken", token); 9313 }, 9314 dataType: "json", 9315 success: function (data) { 9316 9317 } 9318 }); 9319 } 9320 9321 function IsUserInstawinTransStatus(UID) { 9322 9323 var result = false; 9324 var templateAlias = 'ContactUsPage'; 9325 $.ajax({ 9326 url: '/Okay/GetUserInstawinTransactionStatus', 9327 type: "GET", 9328 data: { UserId: UID, templateAliasName : templateAlias }, 9329 dataType: "json", 9330 async: false, 9331 success: function (response) { 9332 result = response; 9333 //console.log("GetUserInstawinTransactionStatus response === ==>", response); 9334 } 9335 }); 9336 return result; 9337 } 9338 9339</script>
vendor: 2 bytes, line 9339
9339
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.