wickes-css2 2.98.0-develop.7 → 2.98.0-develop.9

package/src/data/data_store-locator-v2.json

@@ -8,7 +8,7 @@
       "telephone": "01872 6511 101",
       "fax": "01872 6511 101",
       "sat-nav": "X11 1TT",
-      "store-info": "Maecenas nisl leo, consectetur a lacus eu, lacinia tincidunt elit. Suspendisse bibendum molestie lectus sit amet vehicula. Vestibulum in nisi at felis finibus maximus. Fusce placerat viverra semper. Sed in nulla quis neque commodo faucibus a ut eros."
+      "store-info": "Maecenas nisl leo, consectetur a lacus eu, lacinia tincidunt elit. Suspendisse bibendum molestie lectus sit amet vehicula. Vestibulum in nisi at felis finibus maximus. Fusce placerat viverra semper. Sed in nulla quis neque commodo faucibus a ut eros.",
     },
     "accordion-data": [
       {

package/src/data/data_wismo.json

@@ -151,6 +151,59 @@
       }
     ]
   },
+  "wismo-order-payment-billie" : {
+    "items": [
+      {
+        "name": "Billing address:",
+        "value": "Mr John Smith<br>19 Colonial Way, Watford, WD24 4JL,<br>United Kingdom"
+      },
+      {
+        "name": "Delivery address:",
+        "value": "Mr John Smith <br>19 Colonial Way, Watford, WD24 4JL,<br> United Kingdom"
+      },
+      {
+        "name": "Payment details:",
+        "isPaymentStatus": true,
+        "paymentStatus": {
+          "status": "success",
+          "paymentTitle": "Billie have received full payment"
+        }
+      },
+      {
+        "name": "Voucher:",
+        "value": "-"
+      },
+      {
+        "name": "Charity Donation",
+        "value": "3"
+      },
+      {
+        "name": "Payment details:",
+        "isPaymentStatus": true,
+        "paymentStatus": {
+          "status": "partial",
+          "paymentTitle": "Billie have received a part payment.",
+          "paymentText": "Full payment is due 30 days from final dispatch or collection date."
+        }
+      },
+      {
+        "name": "Payment details:",
+        "isPaymentStatus": true,
+        "paymentStatus": {
+          "status": "overdue",
+          "paymentTitle": "Your payment to Billie is overdue"
+        }
+      },
+      {
+        "name": "Payment details:",
+        "isPaymentStatus": true,
+        "paymentStatus": {
+          "status": "default",
+          "paymentText": "Payment due 30 days from final dispatch or collection date."
+        }
+      }
+    ]
+  },
   "wismo-order-transaction": {
     "orders": [
       {

package/src/data/my-account/data_my-account.json

@@ -53,6 +53,10 @@
               "statusTitle": "Processing",
               "statusIcon": "fas fa-sync"
             },
+            "paymentStatus": {
+              "status": "default",
+              "paymentText": "Payment due 30 days from final dispatch or collection date."
+            },
             "totalPrice": "72,986.40",
             "totalItemCount": 14,
             "orderDate": "22nd January 2025 10:35 am",
@@ -99,6 +103,59 @@
               "statusTitle": "Processing",
               "statusIcon": "fas fa-sync"
             },
+            "paymentStatus": {
+              "status": "overdue",
+              "paymentTitle": "Your payment to Billie is overdue"
+            },
+            "totalPrice": "316.73",
+            "totalItemCount": 8,
+            "orderDate": "22nd January 2025 10:35 am",
+            "totalConsignments": 1,
+            "shipmentDetails": [
+              {
+                "shipmentIcon": "fas fa-shipping-fast",
+                "shipmentTitle": "Supplier Delivery",
+                "shipmentInfo": "Dispatched. The supplier will be in contact with you after receiving order confirmation.",
+                "itemsCount": 4
+              }
+            ]
+          },
+          {
+            "orderId": "940524222",
+            "orderTooltipText": "We are mindful of the environment, and we try to plan our routes with sustainability in mind. We are trying to get your order to you as quickly as we can, therefore you're order may come on multiple vans",
+            "orderStatus": {
+              "statusTitle": "Processing",
+              "statusIcon": "fas fa-sync"
+            },
+            "paymentStatus": {
+              "status": "partial",
+              "paymentTitle": "Billie have received a part payment.",
+              "paymentText": "Full payment is due 30 days from final dispatch or collection date."
+            },
+            "totalPrice": "316.73",
+            "totalItemCount": 8,
+            "orderDate": "22nd January 2025 10:35 am",
+            "totalConsignments": 1,
+            "shipmentDetails": [
+              {
+                "shipmentIcon": "fas fa-shipping-fast",
+                "shipmentTitle": "Supplier Delivery",
+                "shipmentInfo": "Dispatched. The supplier will be in contact with you after receiving order confirmation.",
+                "itemsCount": 4
+              }
+            ]
+          },
+          {
+            "orderId": "940524222",
+            "orderTooltipText": "We are mindful of the environment, and we try to plan our routes with sustainability in mind. We are trying to get your order to you as quickly as we can, therefore you're order may come on multiple vans",
+            "orderStatus": {
+              "statusTitle": "Processing",
+              "statusIcon": "fas fa-sync"
+            },
+            "paymentStatus": {
+              "status": "success",
+              "paymentTitle": "Billie have received full payment"
+            },
             "totalPrice": "316.73",
             "totalItemCount": 8,
             "orderDate": "22nd January 2025 10:35 am",

package/src/elements/radiobutton.hbs

@@ -17,3 +17,10 @@
     <div class="form-row__error">{{error}}</div>
   {{/if}}
 </label>
+{{#if tooltip}}
+  {{#if tooltip.className}}
+    {{> info-icon title=tooltip data-placement=tooltip-placement }}
+  {{else}}
+    {{> info-icon title=tooltip data-placement="top" }}
+  {{/if}}
+{{/if}}

package/src/img/billie-logo.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="30" viewBox="0 0 48 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="30" rx="3" fill="#1C1C1E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5745 12.7948C14.5745 13.2295 14.5266 13.7053 14.4352 14.1499L14.4366 14.1484C15.296 14.8239 15.8041 15.849 15.8041 16.9337C15.8041 18.8962 14.1782 20.4934 12.1821 20.4934H7.3335V12.8713C7.3335 11.8929 7.74866 10.9469 8.47308 10.2772C9.14808 9.65419 10.0278 9.31152 10.9497 9.31152C11.028 9.31152 11.1079 9.31436 11.1862 9.31861C13.0532 9.43472 14.5745 10.9937 14.5745 12.7948ZM10.6956 18.8283H12.1792C13.2404 18.8283 14.1042 17.9787 14.1042 16.9351C14.1042 16.414 13.8907 15.9439 13.5452 15.6013C12.8906 16.8275 11.9571 17.8852 10.6956 18.8283ZM12.7962 13.6854C12.8427 13.4221 12.8789 13.1092 12.8789 12.7934C12.8789 11.8574 12.0718 11.0433 11.0803 10.9824C10.5417 10.9484 10.0292 11.1296 9.63733 11.4921C9.24533 11.8546 9.02908 12.3445 9.02908 12.8727V13.6854H12.7962ZM12.1792 15.0405H9.02908H9.02616V18.3199C10.5461 17.3669 11.5898 16.3164 12.2852 15.0434C12.2503 15.0405 12.2141 15.0405 12.1792 15.0405ZM21.5625 9.50834V18.7759C21.5625 19.9993 22.2535 20.6889 23.4221 20.6889C23.8982 20.6889 24.3453 20.5756 24.6618 20.4354L24.2582 19.1695C24.1436 19.2106 23.9984 19.2389 23.8402 19.2389C23.5222 19.2389 23.4076 19.0704 23.4076 18.7193V9.31152L21.5625 9.50834ZM26.0136 9.50834V18.7759C26.0136 19.9993 26.7046 20.6889 27.8732 20.6889C28.3493 20.6889 28.7964 20.5756 29.1129 20.4354L28.7093 19.1695C28.5947 19.2106 28.4495 19.2389 28.2912 19.2389C27.9733 19.2389 27.8587 19.0704 27.8587 18.7193V9.31152L26.0136 9.50834ZM40.6247 17.3204H35.8922C36.0344 18.8213 36.7472 19.3084 37.746 19.3084C38.4152 19.3084 38.9712 19.1002 39.6273 18.6556L40.3822 19.6709C39.6404 20.2557 38.7287 20.6578 37.5877 20.6578C35.2491 20.6578 33.9948 19.1427 33.9948 16.8191C33.9948 14.4955 35.207 12.8841 37.3453 12.8841C39.4837 12.8841 40.6667 14.2746 40.6667 16.5968C40.6667 16.7885 40.6486 17.0165 40.634 17.2001C40.6306 17.2429 40.6274 17.2834 40.6247 17.3204ZM38.8246 16.0729C38.8246 14.8622 38.3832 14.1401 37.3555 14.1401C36.5004 14.1401 35.9589 14.6965 35.8587 16.1564H38.8246V16.0729ZM19.5973 10.4228C19.5973 11.0204 19.1256 11.4933 18.4418 11.4933V11.4919C17.7711 11.4919 17.3007 11.0331 17.3007 10.4214C17.3007 9.80971 17.7566 9.33677 18.4418 9.33677C19.127 9.33677 19.5973 9.82528 19.5973 10.4228ZM17.5457 12.9199V20.392H19.3908V12.7245L17.5457 12.9199ZM32.4562 10.4228C32.4562 11.0204 31.9844 11.4933 31.3007 11.4933V11.4919C30.63 11.4919 30.1596 11.0331 30.1596 10.4214C30.1596 9.80971 30.6169 9.33677 31.3007 9.33677C31.9844 9.33677 32.4562 9.82528 32.4562 10.4228ZM30.3571 12.9199V20.392H32.2022V12.7245L30.3571 12.9199Z" fill="white"/>
+</svg>

package/src/img/billie-modal.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="40" viewBox="0 0 64 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="64" height="40" rx="3" fill="#1C1C1E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.4325 17.0594C19.4325 17.639 19.3686 18.2734 19.2467 18.8661L19.2486 18.8643C20.3945 19.7648 21.0719 21.1317 21.0719 22.5779C21.0719 25.1946 18.9041 27.3243 16.2426 27.3243H9.77783V17.1614C9.77783 15.8568 10.3314 14.5956 11.2973 13.7026C12.1973 12.8719 13.3703 12.415 14.5994 12.415C14.7038 12.415 14.8104 12.4188 14.9148 12.4245C17.4041 12.5793 19.4325 14.6579 19.4325 17.0594ZM14.2606 25.104H16.2388C17.6537 25.104 18.8054 23.9713 18.8054 22.5798C18.8054 21.885 18.5208 21.2583 18.0602 20.8014C17.1873 22.4364 15.9426 23.8466 14.2606 25.104ZM17.0614 18.2469C17.1234 17.8958 17.1717 17.4786 17.1717 17.0575C17.1717 15.8096 16.0956 14.724 14.7736 14.6428C14.0555 14.5975 13.3722 14.8392 12.8496 15.3225C12.3269 15.8058 12.0386 16.459 12.0386 17.1633V18.2469H17.0614ZM16.2388 20.0537H12.0386H12.0347V24.4263C14.0613 23.1556 15.4529 21.7548 16.3801 20.0575C16.3336 20.0537 16.2853 20.0537 16.2388 20.0537ZM28.7498 12.6775V25.0342C28.7498 26.6654 29.6712 27.5848 31.2293 27.5848C31.8642 27.5848 32.4603 27.4338 32.8823 27.2468L32.3442 25.559C32.1913 25.6138 31.9977 25.6515 31.7867 25.6515C31.3628 25.6515 31.2099 25.4268 31.2099 24.9587V12.415L28.7498 12.6775ZM34.6846 12.6775V25.0342C34.6846 26.6654 35.6059 27.5848 37.1641 27.5848C37.7989 27.5848 38.3951 27.4338 38.8171 27.2468L38.2789 25.559C38.1261 25.6138 37.9325 25.6515 37.7215 25.6515C37.2976 25.6515 37.1447 25.4268 37.1447 24.9587V12.415L34.6846 12.6775ZM54.1661 23.0935H47.8561C48.0457 25.0947 48.9961 25.7442 50.3278 25.7442C51.2201 25.7442 51.9614 25.4666 52.8363 24.8738L53.8428 26.2275C52.8537 27.0073 51.6382 27.5434 50.1168 27.5434C46.9986 27.5434 45.3263 25.5233 45.3263 22.4251C45.3263 19.327 46.9425 17.1785 49.7936 17.1785C52.6447 17.1785 54.2222 19.0325 54.2222 22.1287C54.2222 22.3844 54.1979 22.6884 54.1785 22.9331C54.1739 22.9903 54.1697 23.0441 54.1661 23.0935ZM51.7659 21.4301C51.7659 19.8159 51.1775 18.8531 49.8072 18.8531C48.6671 18.8531 47.9451 19.595 47.8115 21.5416H51.7659V21.4301ZM26.1296 13.8968C26.1296 14.6935 25.5006 15.324 24.5889 15.324V15.3221C23.6946 15.3221 23.0675 14.7105 23.0675 13.8949C23.0675 13.0793 23.6753 12.4487 24.5889 12.4487C25.5025 12.4487 26.1296 13.1001 26.1296 13.8968ZM23.3942 17.2263V27.189H25.8543V16.9657L23.3942 17.2263ZM43.2747 13.8968C43.2747 14.6935 42.6457 15.324 41.7341 15.324V15.3221C40.8398 15.3221 40.2126 14.7105 40.2126 13.8949C40.2126 13.0793 40.8224 12.4487 41.7341 12.4487C42.6457 12.4487 43.2747 13.1001 43.2747 13.8968ZM40.4759 17.2263V27.189H42.9361V16.9657L40.4759 17.2263Z" fill="white"/>
+</svg>

package/src/img/billie-pdp.svg

@@ -0,0 +1,11 @@
+<svg width="50" height="26" viewBox="0 0 50 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1640_11325)">
+<path d="M47.0833 0.5H2.91667C1.30584 0.5 0 1.80584 0 3.41667V22.5833C0 24.1942 1.30584 25.5 2.91667 25.5H47.0833C48.6942 25.5 50 24.1942 50 22.5833V3.41667C50 1.80584 48.6942 0.5 47.0833 0.5Z" fill="#1C1C1E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8347 10.754C15.8347 11.1888 15.7868 11.6645 15.6954 12.1091L15.6968 12.1077C16.5563 12.7831 17.0643 13.8083 17.0643 14.8929C17.0643 16.8554 15.4384 18.4527 13.4423 18.4527H8.59375V10.8305C8.59375 9.85209 9.00892 8.90617 9.73333 8.23644C10.4083 7.61342 11.2881 7.27075 12.2099 7.27075C12.2883 7.27075 12.3682 7.27359 12.4465 7.27784C14.3134 7.39394 15.8347 8.95292 15.8347 10.754ZM11.9558 16.7875H13.4395C14.5007 16.7875 15.3644 15.9379 15.3644 14.8943C15.3644 14.3733 15.151 13.9032 14.8055 13.5605C14.1508 14.7868 13.2173 15.8444 11.9558 16.7875ZM14.0564 11.6447C14.1029 11.3813 14.1392 11.0684 14.1392 10.7526C14.1392 9.81667 13.3321 9.0025 12.3406 8.94159C11.802 8.90759 11.2895 9.08884 10.8976 9.45134C10.5056 9.81384 10.2893 10.3038 10.2893 10.8319V11.6447H14.0564ZM13.4395 12.9998H10.2893H10.2864V16.2792C11.8063 15.3262 12.8501 14.2756 13.5454 13.0026C13.5106 12.9998 13.4743 12.9998 13.4395 12.9998ZM22.8228 7.46757V16.7351C22.8228 17.9585 23.5138 18.6481 24.6823 18.6481C25.1585 18.6481 25.6056 18.5348 25.9221 18.3946L25.5185 17.1288C25.4038 17.1698 25.2587 17.1981 25.1004 17.1981C24.7825 17.1981 24.6678 17.0296 24.6678 16.6785V7.27075L22.8228 7.46757ZM27.2738 7.46757V16.7351C27.2738 17.9585 27.9648 18.6481 29.1334 18.6481C29.6096 18.6481 30.0567 18.5348 30.3732 18.3946L29.9696 17.1288C29.8549 17.1698 29.7098 17.1981 29.5515 17.1981C29.2336 17.1981 29.1189 17.0296 29.1189 16.6785V7.27075L27.2738 7.46757ZM41.8849 15.2796H37.1524C37.2947 16.7805 38.0074 17.2676 39.0063 17.2676C39.6754 17.2676 40.2314 17.0594 40.8876 16.6148L41.6425 17.6301C40.9007 18.2149 39.989 18.617 38.848 18.617C36.5093 18.617 35.2551 17.1019 35.2551 14.7783C35.2551 12.4548 36.4673 10.8433 38.6056 10.8433C40.7439 10.8433 41.927 12.2338 41.927 14.556C41.927 14.7478 41.9088 14.9758 41.8943 15.1593C41.8908 15.2022 41.8877 15.2426 41.8849 15.2796ZM40.0848 14.0321C40.0848 12.8214 39.6435 12.0993 38.6158 12.0993C37.7607 12.0993 37.2192 12.6558 37.119 14.1157H40.0848V14.0321ZM20.8576 8.38205C20.8576 8.97959 20.3858 9.4525 19.7021 9.4525V9.45109C19.0313 9.45109 18.561 8.99233 18.561 8.38063C18.561 7.76893 19.0168 7.296 19.7021 7.296C20.3873 7.296 20.8576 7.78451 20.8576 8.38205ZM18.806 10.8792V18.3513H20.6511V10.6838L18.806 10.8792ZM33.7164 8.38205C33.7164 8.97959 33.2447 9.4525 32.5609 9.4525V9.45109C31.8903 9.45109 31.4198 8.99233 31.4198 8.38063C31.4198 7.76893 31.8772 7.296 32.5609 7.296C33.2447 7.296 33.7164 7.78451 33.7164 8.38205ZM31.6173 10.8792V18.3513H33.4624V10.6838L31.6173 10.8792Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_1640_11325">
+<rect width="50" height="25" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/src/img/billie-spinner.svg

@@ -0,0 +1,5 @@
+<svg width="111" height="38" viewBox="0 0 111 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group">
+<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M24.1126 11.634C24.1126 13.086 23.953 14.675 23.6486 16.1599L23.6533 16.1552C26.5152 18.4111 28.2071 21.8351 28.2071 25.4578C28.2071 32.0125 22.7928 37.3473 16.1458 37.3473H0V11.8895C0 8.62159 1.38251 5.46225 3.79482 3.22538C6.04258 1.1445 8.97215 0 12.0419 0C12.3027 0 12.5688 0.00946354 12.8297 0.0236584C19.0465 0.411457 24.1126 5.61839 24.1126 11.634ZM11.1958 31.7857H16.1364C19.6701 31.7857 22.5464 28.9481 22.5464 25.4626C22.5464 23.7222 21.8357 22.1521 20.6852 21.0076C18.5051 25.1032 15.3966 28.6358 11.1958 31.7857ZM18.1907 14.6088C18.3456 13.7292 18.4663 12.6841 18.4663 11.6292C18.4663 8.5033 15.7787 5.784 12.477 5.58054C10.6835 5.46698 8.97687 6.07235 7.67178 7.28309C6.36642 8.49383 5.64631 10.1301 5.64631 11.8942V14.6088H18.1907ZM16.1364 19.1347H5.64631H5.6366V30.0879C10.6979 26.9049 14.1736 23.396 16.4891 19.1442C16.3731 19.1347 16.2524 19.1347 16.1364 19.1347ZM47.3827 0.657363V31.6106C47.3827 35.6968 49.6837 38 53.5751 38C55.1608 38 56.6496 37.6217 57.7035 37.1533L56.3596 32.9255C55.9777 33.0627 55.4943 33.157 54.9673 33.157C53.9087 33.157 53.5268 32.5943 53.5268 31.4216V0L47.3827 0.657363ZM62.2048 0.657363V31.6106C62.2048 35.6968 64.5059 38 68.3973 38C69.9829 38 71.4717 37.6217 72.5256 37.1533L71.1817 32.9255C70.7999 33.0627 70.3165 33.157 69.7895 33.157C68.7308 33.157 68.349 32.5943 68.349 31.4216V0L62.2048 0.657363ZM110.86 26.7493H95.1006C95.5743 31.7623 97.9478 33.3892 101.274 33.3892C103.502 33.3892 105.354 32.6939 107.539 31.209L110.053 34.5999C107.582 36.5532 104.546 37.8962 100.747 37.8962C92.9591 37.8962 88.7825 32.8358 88.7825 25.0751C88.7825 17.3144 92.819 11.9323 99.9397 11.9323C107.06 11.9323 111 16.5766 111 24.3325C111 24.973 110.94 25.7345 110.891 26.3477C110.88 26.4907 110.869 26.6257 110.86 26.7493ZM104.866 22.5827C104.866 18.5391 103.396 16.1273 99.9735 16.1273C97.1261 16.1273 95.3229 17.9858 94.9893 22.8618H104.866V22.5827ZM40.8387 3.71171C40.8387 5.70746 39.2677 7.28699 36.9908 7.28699V7.28226C34.7572 7.28226 33.191 5.75004 33.191 3.70698C33.191 1.66392 34.709 0.0843347 36.9908 0.0843347C39.2725 0.0843347 40.8387 1.71594 40.8387 3.71171ZM34.0069 12.052V37.0086H40.151V11.3993L34.0069 12.052ZM83.6587 3.71171C83.6587 5.70746 82.0878 7.28699 79.8109 7.28699V7.28226C77.5775 7.28226 76.011 5.75004 76.011 3.70698C76.011 1.66392 77.534 0.0843347 79.8109 0.0843347C82.0878 0.0843347 83.6587 1.71594 83.6587 3.71171ZM76.6687 12.052V37.0086H82.8129V11.3993L76.6687 12.052Z" fill="white"/>
+</g>
+</svg>

package/src/img/billie.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="30" viewBox="0 0 48 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="48" height="30" rx="3" fill="#1C1C1E"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5745 12.7945C14.5745 13.2293 14.5266 13.705 14.4352 14.1496L14.4366 14.1482C15.296 14.8236 15.8041 15.8488 15.8041 16.9334C15.8041 18.8959 14.1782 20.4932 12.1821 20.4932H7.3335V12.871C7.3335 11.8926 7.74866 10.9467 8.47308 10.277C9.14808 9.65395 10.0278 9.31128 10.9497 9.31128C11.028 9.31128 11.1079 9.31411 11.1862 9.31836C13.0532 9.43447 14.5745 10.9934 14.5745 12.7945ZM10.6956 18.828H12.1792C13.2404 18.828 14.1042 17.9784 14.1042 16.9349C14.1042 16.4138 13.8907 15.9437 13.5452 15.601C12.8906 16.8273 11.9571 17.8849 10.6956 18.828ZM12.7962 13.6852C12.8427 13.4219 12.8789 13.1089 12.8789 12.7931C12.8789 11.8572 12.0718 11.043 11.0803 10.9821C10.5417 10.9481 10.0292 11.1294 9.63733 11.4919C9.24533 11.8544 9.02908 12.3443 9.02908 12.8724V13.6852H12.7962ZM12.1792 15.0403H9.02908H9.02616V18.3197C10.5461 17.3667 11.5898 16.3161 12.2852 15.0431C12.2503 15.0403 12.2141 15.0403 12.1792 15.0403ZM21.5625 9.5081V18.7756C21.5625 19.999 22.2535 20.6886 23.4221 20.6886C23.8982 20.6886 24.3453 20.5754 24.6618 20.4351L24.2582 19.1693C24.1436 19.2104 23.9984 19.2386 23.8402 19.2386C23.5222 19.2386 23.4076 19.0701 23.4076 18.719V9.31128L21.5625 9.5081ZM26.0136 9.5081V18.7756C26.0136 19.999 26.7046 20.6886 27.8732 20.6886C28.3493 20.6886 28.7964 20.5754 29.1129 20.4351L28.7093 19.1693C28.5947 19.2104 28.4495 19.2386 28.2912 19.2386C27.9733 19.2386 27.8587 19.0701 27.8587 18.719V9.31128L26.0136 9.5081ZM40.6247 17.3201H35.8922C36.0344 18.821 36.7472 19.3081 37.746 19.3081C38.4152 19.3081 38.9712 19.0999 39.6273 18.6554L40.3822 19.6706C39.6404 20.2554 38.7287 20.6575 37.5877 20.6575C35.2491 20.6575 33.9948 19.1424 33.9948 16.8189C33.9948 14.4953 35.207 12.8839 37.3453 12.8839C39.4837 12.8839 40.6667 14.2744 40.6667 16.5965C40.6667 16.7883 40.6486 17.0163 40.634 17.1999C40.6306 17.2427 40.6274 17.2831 40.6247 17.3201ZM38.8246 16.0726C38.8246 14.8619 38.3832 14.1399 37.3555 14.1399C36.5004 14.1399 35.9589 14.6963 35.8587 16.1562H38.8246V16.0726ZM19.5973 10.4226C19.5973 11.0201 19.1256 11.493 18.4418 11.493V11.4916C17.7711 11.4916 17.3007 11.0329 17.3007 10.4212C17.3007 9.80946 17.7566 9.33653 18.4418 9.33653C19.127 9.33653 19.5973 9.82504 19.5973 10.4226ZM17.5457 12.9197V20.3918H19.3908V12.7243L17.5457 12.9197ZM32.4562 10.4226C32.4562 11.0201 31.9844 11.493 31.3007 11.493V11.4916C30.63 11.4916 30.1596 11.0329 30.1596 10.4212C30.1596 9.80946 30.6169 9.33653 31.3007 9.33653C31.9844 9.33653 32.4562 9.82504 32.4562 10.4226ZM30.3571 12.9197V20.3918H32.2022V12.7243L30.3571 12.9197Z" fill="white"/>
+</svg>

package/src/img/payment/checkout/billie.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="30" viewBox="0 0 48 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="30" rx="3" fill="#1C1C1E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5745 12.7948C14.5745 13.2295 14.5266 13.7053 14.4352 14.1499L14.4366 14.1484C15.296 14.8239 15.8041 15.849 15.8041 16.9337C15.8041 18.8962 14.1782 20.4934 12.1821 20.4934H7.3335V12.8713C7.3335 11.8929 7.74866 10.9469 8.47308 10.2772C9.14808 9.65419 10.0278 9.31152 10.9497 9.31152C11.028 9.31152 11.1079 9.31436 11.1862 9.31861C13.0532 9.43472 14.5745 10.9937 14.5745 12.7948ZM10.6956 18.8283H12.1792C13.2404 18.8283 14.1042 17.9787 14.1042 16.9351C14.1042 16.414 13.8907 15.9439 13.5452 15.6013C12.8906 16.8275 11.9571 17.8852 10.6956 18.8283ZM12.7962 13.6854C12.8427 13.4221 12.8789 13.1092 12.8789 12.7934C12.8789 11.8574 12.0718 11.0433 11.0803 10.9824C10.5417 10.9484 10.0292 11.1296 9.63733 11.4921C9.24533 11.8546 9.02908 12.3445 9.02908 12.8727V13.6854H12.7962ZM12.1792 15.0405H9.02908H9.02616V18.3199C10.5461 17.3669 11.5898 16.3164 12.2852 15.0434C12.2503 15.0405 12.2141 15.0405 12.1792 15.0405ZM21.5625 9.50834V18.7759C21.5625 19.9993 22.2535 20.6889 23.4221 20.6889C23.8982 20.6889 24.3453 20.5756 24.6618 20.4354L24.2582 19.1695C24.1436 19.2106 23.9984 19.2389 23.8402 19.2389C23.5222 19.2389 23.4076 19.0704 23.4076 18.7193V9.31152L21.5625 9.50834ZM26.0136 9.50834V18.7759C26.0136 19.9993 26.7046 20.6889 27.8732 20.6889C28.3493 20.6889 28.7964 20.5756 29.1129 20.4354L28.7093 19.1695C28.5947 19.2106 28.4495 19.2389 28.2912 19.2389C27.9733 19.2389 27.8587 19.0704 27.8587 18.7193V9.31152L26.0136 9.50834ZM40.6247 17.3204H35.8922C36.0344 18.8213 36.7472 19.3084 37.746 19.3084C38.4152 19.3084 38.9712 19.1002 39.6273 18.6556L40.3822 19.6709C39.6404 20.2557 38.7287 20.6578 37.5877 20.6578C35.2491 20.6578 33.9948 19.1427 33.9948 16.8191C33.9948 14.4955 35.207 12.8841 37.3453 12.8841C39.4837 12.8841 40.6667 14.2746 40.6667 16.5968C40.6667 16.7885 40.6486 17.0165 40.634 17.2001C40.6306 17.2429 40.6274 17.2834 40.6247 17.3204ZM38.8246 16.0729C38.8246 14.8622 38.3832 14.1401 37.3555 14.1401C36.5004 14.1401 35.9589 14.6965 35.8587 16.1564H38.8246V16.0729ZM19.5973 10.4228C19.5973 11.0204 19.1256 11.4933 18.4418 11.4933V11.4919C17.7711 11.4919 17.3007 11.0331 17.3007 10.4214C17.3007 9.80971 17.7566 9.33677 18.4418 9.33677C19.127 9.33677 19.5973 9.82528 19.5973 10.4228ZM17.5457 12.9199V20.392H19.3908V12.7245L17.5457 12.9199ZM32.4562 10.4228C32.4562 11.0204 31.9844 11.4933 31.3007 11.4933V11.4919C30.63 11.4919 30.1596 11.0331 30.1596 10.4214C30.1596 9.80971 30.6169 9.33677 31.3007 9.33677C31.9844 9.33677 32.4562 9.82528 32.4562 10.4228ZM30.3571 12.9199V20.392H32.2022V12.7245L30.3571 12.9199Z" fill="white"/>
+</svg>

package/src/img/payment/footer/billie.svg

@@ -0,0 +1,4 @@
+<svg width="48" height="30" viewBox="0 0 48 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="48" height="30" rx="3" fill="#1C1C1E"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5745 12.7945C14.5745 13.2293 14.5266 13.705 14.4352 14.1496L14.4366 14.1482C15.296 14.8236 15.8041 15.8488 15.8041 16.9334C15.8041 18.8959 14.1782 20.4932 12.1821 20.4932H7.3335V12.871C7.3335 11.8926 7.74866 10.9467 8.47308 10.277C9.14808 9.65395 10.0278 9.31128 10.9497 9.31128C11.028 9.31128 11.1079 9.31411 11.1862 9.31836C13.0532 9.43447 14.5745 10.9934 14.5745 12.7945ZM10.6956 18.828H12.1792C13.2404 18.828 14.1042 17.9784 14.1042 16.9349C14.1042 16.4138 13.8907 15.9437 13.5452 15.601C12.8906 16.8273 11.9571 17.8849 10.6956 18.828ZM12.7962 13.6852C12.8427 13.4219 12.8789 13.1089 12.8789 12.7931C12.8789 11.8572 12.0718 11.043 11.0803 10.9821C10.5417 10.9481 10.0292 11.1294 9.63733 11.4919C9.24533 11.8544 9.02908 12.3443 9.02908 12.8724V13.6852H12.7962ZM12.1792 15.0403H9.02908H9.02616V18.3197C10.5461 17.3667 11.5898 16.3161 12.2852 15.0431C12.2503 15.0403 12.2141 15.0403 12.1792 15.0403ZM21.5625 9.5081V18.7756C21.5625 19.999 22.2535 20.6886 23.4221 20.6886C23.8982 20.6886 24.3453 20.5754 24.6618 20.4351L24.2582 19.1693C24.1436 19.2104 23.9984 19.2386 23.8402 19.2386C23.5222 19.2386 23.4076 19.0701 23.4076 18.719V9.31128L21.5625 9.5081ZM26.0136 9.5081V18.7756C26.0136 19.999 26.7046 20.6886 27.8732 20.6886C28.3493 20.6886 28.7964 20.5754 29.1129 20.4351L28.7093 19.1693C28.5947 19.2104 28.4495 19.2386 28.2912 19.2386C27.9733 19.2386 27.8587 19.0701 27.8587 18.719V9.31128L26.0136 9.5081ZM40.6247 17.3201H35.8922C36.0344 18.821 36.7472 19.3081 37.746 19.3081C38.4152 19.3081 38.9712 19.0999 39.6273 18.6554L40.3822 19.6706C39.6404 20.2554 38.7287 20.6575 37.5877 20.6575C35.2491 20.6575 33.9948 19.1424 33.9948 16.8189C33.9948 14.4953 35.207 12.8839 37.3453 12.8839C39.4837 12.8839 40.6667 14.2744 40.6667 16.5965C40.6667 16.7883 40.6486 17.0163 40.634 17.1999C40.6306 17.2427 40.6274 17.2831 40.6247 17.3201ZM38.8246 16.0726C38.8246 14.8619 38.3832 14.1399 37.3555 14.1399C36.5004 14.1399 35.9589 14.6963 35.8587 16.1562H38.8246V16.0726ZM19.5973 10.4226C19.5973 11.0201 19.1256 11.493 18.4418 11.493V11.4916C17.7711 11.4916 17.3007 11.0329 17.3007 10.4212C17.3007 9.80946 17.7566 9.33653 18.4418 9.33653C19.127 9.33653 19.5973 9.82504 19.5973 10.4226ZM17.5457 12.9197V20.3918H19.3908V12.7243L17.5457 12.9197ZM32.4562 10.4226C32.4562 11.0201 31.9844 11.493 31.3007 11.493V11.4916C30.63 11.4916 30.1596 11.0329 30.1596 10.4212C30.1596 9.80946 30.6169 9.33653 31.3007 9.33653C31.9844 9.33653 32.4562 9.82504 32.4562 10.4226ZM30.3571 12.9197V20.3918H32.2022V12.7243L30.3571 12.9197Z" fill="white"/>
+</svg>

package/src/js/components/general/text-clamp.js

@@ -9,7 +9,6 @@ Wick.TextClamp = (function () {
     var wismoProductLink = $('.wismo-order__name-link');
     var complementCardHeader = $('.complem__head');
     var orderItemTitle = $('.order-item__title');
-    let customSlider = $('.custom-slider.mini-basket');
 
     function clampText(selector, size) {
         if (selector.length) {
@@ -53,7 +52,7 @@ Wick.TextClamp = (function () {
         });
     }
 
-    if (productCardHorizontal.length && !customSlider.length) {
+    if (productCardHorizontal.length) {
         productCardHorizontal.each(function (index, value) {
             $clamp(value, {clamp: 3});
         });

package/src/js/emulation/big-wins.js

@@ -612,35 +612,35 @@ Wick.BigWinsProto = function () {
       $temp.remove();
     });
 
-    // bwVar.$addForDelivery.on('click', function () {
-    //   Wick.SnackBar.show(
-    //       {
-    //         text: 'Notification success message for Delivery with Close Btn',
-    //         type: Wick.SnackBar.types.SUCCESS
-    //       }
-    //   );
-    //   Wick.SnackBar.show(
-    //       {
-    //         text: 'Notification warning message for Delivery with Close Btn',
-    //         type: Wick.SnackBar.types.WARNING
-    //       }
-    //   );
-    //   Wick.SnackBar.show(
-    //       {
-    //         text: 'Notification error message for Delivery with Close Btn',
-    //         type: Wick.SnackBar.types.ERROR
-    //       }
-    //   );
-    //   Wick.SnackBar.show(
-    //       {
-    //         text: 'Notification success message for Delivery with Autoclose',
-    //         type: Wick.SnackBar.types.SUCCESS,
-    //         withCloseButton: false,
-    //         autoClose: true,
-    //         delayBeforeClose: 3000
-    //       }
-    //   );
-    // });
+    bwVar.$addForDelivery.on('click', function () {
+      Wick.SnackBar.show(
+          {
+            text: 'Notification success message for Delivery with Close Btn',
+            type: Wick.SnackBar.types.SUCCESS
+          }
+      );
+      Wick.SnackBar.show(
+          {
+            text: 'Notification warning message for Delivery with Close Btn',
+            type: Wick.SnackBar.types.WARNING
+          }
+      );
+      Wick.SnackBar.show(
+          {
+            text: 'Notification error message for Delivery with Close Btn',
+            type: Wick.SnackBar.types.ERROR
+          }
+      );
+      Wick.SnackBar.show(
+          {
+            text: 'Notification success message for Delivery with Autoclose',
+            type: Wick.SnackBar.types.SUCCESS,
+            withCloseButton: false,
+            autoClose: true,
+            delayBeforeClose: 3000
+          }
+      );
+    });
 
     bwVar.$addClickAndCollect.on('click', function (e) {
       e.stopPropagation();

package/src/js/emulation/mock.js

@@ -20,64 +20,5 @@ Wick.FEMock = {
       "page": 2,
       "html": '<article class="active-orders__item"><header class="order-header"><h3 class="order-header__title">Order 940564001</h3><div class="order-status completed"><svg class="svg-inline--fa fa-check-circle fa-w-16 icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg><span>Complete</span></div></header><section class="order-details"><div class="order-details__summary"><span class="order-details__price">£92.75</span> <span class="order-details__count">7 item(s)</span></div><time class="order-details__date" datetime="21st November 2024 4:32 PM">21st November 2024 4:32 PM</time></section><div class="view-more"><a class="link" href="/"><span>View More</span> <svg class="svg-inline--fa fa-arrow-right fa-w-14 icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg></a></div></article><article class="active-orders__item"><header class="order-header"><h3 class="order-header__title">Order 940520002</h3><div class="order-status cancelled"><svg class="svg-inline--fa fa-times fa-w-10 icon" aria-hidden="true" focusable="false" data-prefix="far" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"></path></svg><span>Cancelled</span></div></header><section class="order-details"><div class="order-details__summary"><span class="order-details__price">£32.00</span> <span class="order-details__count">1 item(s)</span></div><time class="order-details__date" datetime="28th October 2024 7:29 AM">28th October 2024 7:29 AM</time></section><div class="view-more"><a class="link" href="/"><span>View More</span> <svg class="svg-inline--fa fa-arrow-right fa-w-14 icon" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg></a></div></article>'
     }
-  ],
-  cartPDP: `
-          <div class="custom-slider__wrap slider-mini-basket popover-mini-basket">
-                <div class="custom-slider__header">
-                <a href="#" type="button" class="link close-popup">
-                    <span class="icon-wrap">
-                        <svg class="svg-inline--fa fa-angle-left fa-w-6" aria-hidden="true" focusable="false" data-prefix="far" data-icon="angle-left" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" data-fa-i2svg="">
-                            <path fill="currentColor" d="M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z"></path>
-                        </svg>
-                    </span>
-                    Continue Shopping
-                </a>
-                <a href="#" type="button" class="icon-wrap close-popup">
-                    <svg class="svg-inline--fa fa-times fa-w-10 icon" aria-hidden="true" focusable="false" data-prefix="far" data-icon="times" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg="">
-                        <path fill="currentColor" d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"></path>
-                    </svg>
-                </a>
-            </div>
-            <div class="custom-slider__message">
-                <span class="icon-wrap success">
-                    <svg class="svg-inline--fa fa-check-circle fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg><!-- <i class="fas fa-check-circle"></i> Font Awesome fontawesome.com -->
-                </span>
-            
-                <div class="messages popover-mini-basket__added">
-                    <p class="messages__text">
-                        <span>
-                            You've just added</span>
-                        </p>
-            
-                    <span class="messages__notice">
-                            Excluding items already in basket</span>
-                    </div>
-            </div>
-            <div class="products popover-mini-basket__cards-holder">
-              <div class="card product-card-preview">
-                <div class="products__item card__inner" data-name="Blue Circle Ready To Use Postcrete - 20kg" data-id="221100" data-price="7.50" data-brand="Blue Circle" data-category="Building Materials/Cement &amp; Aggregates/Cement" data-position="0">
-                    <a href="/Blue-Circle-Ready-To-Use-Postcrete---20kg/p/221100" class="card__img-wrap card__img-wrap_link products__image">
-                        <img loading="lazy" class="product-img" src="//media.wickes.co.uk/is/image/wickes/B3182_221100_00?$thumbnail$" alt="Blue Circle Ready To Use Postcrete - 20kg" title="Blue Circle Ready To Use Postcrete - 20kg">
-                    </a>
-        
-                    <div class="products__details">
-                        <a href="/Blue-Circle-Ready-To-Use-Postcrete---20kg/p/221100" class="title product-card__title">Blue Circle Ready To Use Postcrete - 20kg</a>
-                        <p class="item">Added for delivery</p>
-                        <p class="item pdp-price__control-holder">Qty:
-                          <span class="value product-card__quantity-value">1</span>
-                        </p>
-                        <p class="price product-card__price-value">£7.50</p>
-                    </div>
-                  </div>
-                </div>
-            </div>
-            <div class="custom-slider__content">
-              <p>Product description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget. Product description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.</p>
-            </div>
-          </div>
-          <div class="custom-slider__footer">
-              <button class="btn btn_full btn-secondary close-popup">Continue Shopping</button>
-              <a href="/cart" class="btn btn-action btn_full btn-view-basket-cta" type="button">View Basket</a>
-          </div>
-      `
+  ]
 }

package/src/js/emulation/paymentLoader.js

@@ -1,14 +1,25 @@
-const paymentLoader = '.payment-loader';
-const paymentLoaderHideClass = 'payment-loader--hidden';
-const applePayButton = '.apple__button';
-const googlePayButton = '.google__button';
-const clearPayRadioButton = '#checkout-payment-details-clearpay';
+const paymentLoader= '.payment-loader';
+const paymentLoaderHideClass= 'payment-loader--hidden';
+const paymentLoaderModal = '.payment-loader__modal'
+const paymentTypeSelectors = {
+  apple: '.apple__button',
+  google: '.google__button',
+  clearpay: '#checkout-payment-details-clearpay',
+  billie: '#checkout-payment-details-billie, .billie__button',
+  paypal: '#checkout-payment-details-paypal'
+};
 
-const showPaymentLoader = () => {
+function showPaymentLoader(paymentType) {
+  $(paymentLoader).find(`${paymentLoaderModal} > div`).hide();
+  $(`.${paymentType}-checkout-logo`).show();
+  $(`${paymentLoader} .spinner`).show();
   $(paymentLoader).removeClass(paymentLoaderHideClass);
-  setTimeout(() => $(paymentLoader).addClass(paymentLoaderHideClass), 1000);
-};
 
-$(document).on('click', applePayButton, showPaymentLoader);
-$(document).on('click', googlePayButton, showPaymentLoader);
-$(document).on('click', clearPayRadioButton, showPaymentLoader);
+  setTimeout(() => {
+    $(paymentLoader).addClass(paymentLoaderHideClass);
+  }, 1000);
+}
+
+Object.entries(paymentTypeSelectors).forEach(([type, triggerSelector]) => {
+  $(document).on('click', triggerSelector, () => showPaymentLoader(type));
+});

package/src/js/emulation/popover-mini-basket.js

@@ -129,8 +129,8 @@ Wick.MiniBasket = (function() {
       });
     },
     bindEvents: function(){
-      // this._bindEvents();
-      // this._bindTouchEvents();
+      this._bindEvents();
+      this._bindTouchEvents();
     },
     enable: function(){
       rollover.isDisabled = false;

package/src/js/page/basket-v2.js

@@ -16,8 +16,8 @@ import {checkPayPalAvailability} from './basket/paypal';
 import {
     updateCharity,
     changeCharityPrice,
-    toggleCharityElements,
-    setDefaultCharityValue
+    setDefaultCharityValue,
+    initCharityInteractions,
 } from './components/charity';
 import {callAction} from './utils/http-action';
 import {ROUTES} from './utils/routes';
@@ -29,8 +29,8 @@ import {
 } from './basket/session-sync'
 import {displayEnergyEfficiency} from "./basket/display-energy-efficiency";
 import {appendLoader, hideLoader, showLoader} from "./utils/loader";
-import {addClassToSummaryAside} from "./basket/summary-mobile";
 import { initStickyObserver } from './components/sticky-order-observer';
+import {addClassToSummaryAside} from "./basket/summary-mobile";
 
 var Wick = window.Wick || {};
 Wick.BasketPage = {
@@ -80,7 +80,7 @@ Wick.BasketPage = {
         orderItemInfoOffers: 'order-item__info-offers',
         charityInput: '#donation',
         charityItem: '.charity-new',
-        donationCartBtn: '.donation-cart__btn',
+        donationCartBtn: '.donation-cart__btn, .donation-cart-new__btn',
         checkoutWidgetDetails: '.checkout-widget__details',
         checkoutWidgetDetailsFlex: 'checkout-widget__details-flex',
         subtotal: '.checkout-widget__item-bold',
@@ -311,7 +311,6 @@ Wick.BasketPage = {
         } else {
             if (charity) {
                 Wick.BasketPage.updateCart();
-                quantityToUpdate === 0 && toggleCharityElements();
             } else {
                 if (maxValue > 1 || minValue > 1) {
                     if (quantityToUpdate > maxValue || quantityToUpdate < minValue) {
@@ -1282,8 +1281,16 @@ $(document).ready(function () {
         $(Wick.BasketPage.el.content).on('focusout', Wick.BasketPage.el.quantityValue, Wick.BasketPage.changeOnBlur);
         $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.deliveryButtonInCC, Wick.BasketPage.changeMethodToDelivery);
         $(Wick.BasketPage.el.content).on('click', Wick.BasketPage.el.updateStoreButton, Wick.BasketPage.changeMethodToCC);
-        $(Wick.BasketPage.el.charityInput).on('click', updateCharity);
-        $(Wick.BasketPage.el.donationCartBtn).on('click', changeCharityPrice);
+        $(Wick.BasketPage.el.donationCartBtn).on('click', function(e) {
+            e.preventDefault();
+            const context = $(this).closest(Wick.BasketPage.el.charityItem);
+            if (!context.hasClass('charity-added')) {
+                updateCharity(this);
+                context.addClass('charity-added');
+            } else {
+                changeCharityPrice.call(this);
+            }
+        });
         $(Wick.BasketPage.el.charityItem).on('click', Wick.BasketPage.el.removeButton, updateCharity);
         $(Wick.BasketPage.el.orderSummary).on('click', Wick.BasketPage.el.voucherRemove, voucherRemove);
         $(Wick.BasketPage.el.promoWrapper).on('click', Wick.BasketPage.el.promoClose, Wick.BasketPage.removePromotion);
@@ -1305,7 +1312,9 @@ $(document).ready(function () {
             '.summary__aside.collapse.show'
         );
         Wick.BasketPage.updateCart(...Array(3), true);
+
         setDefaultCharityValue();
+        initCharityInteractions();
         if (!$(Wick.BasketPage.el.loader).length) {
             appendLoader(Wick.BasketPage.loaderPayload);
         }

package/src/js/page/billie-business-type.js

@@ -0,0 +1,34 @@
+var Wick = window.Wick || {};
+
+Wick.BusinessType = {
+  el: {
+    radios: 'input[name="businessType"]',
+    panels: '.radio-expanded-content'
+  },
+
+  refreshPanels() {
+    const $radios = $(this.el.radios);
+    const $panels = $(this.el.panels);
+    const selectedValue = $radios.filter(':checked').val();
+
+    $panels.hide();
+    $(`#${selectedValue}-fields`).show();
+  },
+
+  bindEvents() {
+    $(this.el.radios).on('change', this.refreshPanels.bind(this));
+  },
+
+  init() {
+    if (!$(this.el.radios).length) {
+      return;
+    }
+
+    this.refreshPanels();
+    this.bindEvents();
+  }
+};
+
+$(document).ready(function () {
+  Wick.BusinessType.init();
+});

package/src/js/page/checkout-payment-details.js

@@ -62,6 +62,14 @@ Wick.CheckoutPaymentDetails = (function() {
       case 'klarna':
         hideBillingAddres();
         break;
+      case 'billie':
+        detailsLabel = {
+          ...detailsLabel,
+          labelText: 'Name on Billie account',
+          buttonText: 'Pay with Billie'
+        }
+        changeLabelText(detailsLabel);
+        break;
       case 'clearpay':
         detailsLabel = {
           ...detailsLabel,