wickes-css2 2.109.0-develop.6 → 2.109.0-develop.8

package/build/js/store-locator-cards.min.js

@@ -0,0 +1 @@
+!function t(r,e,c){function f(i,n){if(!e[i]){if(!r[i]){var o="function"==typeof require&&require;if(!n&&o)return o(i,!0);if(u)return u(i,!0);throw(n=new Error("Cannot find module '"+i+"'")).code="MODULE_NOT_FOUND",n}o=e[i]={exports:{}},r[i][0].call(o.exports,function(n){return f(r[i][1][n]||n)},o,o.exports,t,r,e,c)}return e[i].exports}for(var u="function"==typeof require&&require,n=0;n<c.length;n++)f(c[n]);return f}({1:[function(n,i,o){"use strict";var t,r;function e(){var t=[];$(r.card).each(function(){var n=$(this),i=n.offset().top,o=t.find(function(n){return Math.abs(n.top-i)<5});o||t.push(o={top:i,items:[]}),o.items.push(n)}),t.forEach(function(n){var i=0;n.items.forEach(function(n){n.find(r.info).css("min-height","")}),n.items.forEach(function(n){n=n.find(r.info).outerHeight();i<n&&(i=n)}),n.items.forEach(function(n){n.find(r.info).css("min-height",i+"px")})})}function c(){$(window).on("load",e),$(window).on("resize",function(){clearTimeout(t),t=setTimeout(e,100)}),$(document).on("click",r.accordionHeader,function(){setTimeout(e,0)})}(window.Wick||(window.Wick={})).StoreCardsAlign=(r={card:".card-store",info:".card-store__info",accordionHeader:".opening-times-accordion__header"},c(),{init:c,align:e})},{}]},{},[1]);

package/build/js/toggle-password-visibility.min.js

@@ -0,0 +1 @@
+!function i(o,r,s){function u(t,e){if(!r[t]){if(!o[t]){var n="function"==typeof require&&require;if(!e&&n)return n(t,!0);if(a)return a(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}n=r[t]={exports:{}},o[t][0].call(n.exports,function(e){return u(o[t][1][e]||e)},n,n.exports,i,o,r,s)}return r[t].exports}for(var a="function"==typeof require&&require,e=0;e<s.length;e++)u(s[e]);return u}({1:[function(e,t,n){"use strict";var i=e("../utils/show-hide-input"),o=window.Wick||{};o.TogglePasswordVisibility={el:{$containers:$(".form-row[data-show-content] .input-wrap")},init:function(){this.el.$containers.length&&this.el.$containers.each(function(){(0,i.initializeInputToggle)($(this))})}},$(document).ready(function(){o.TogglePasswordVisibility.init()})},{"../utils/show-hide-input":2}],2:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.initializeInputToggle=function(e){var n=e.find("input"),i=e.find(".toggle-show");n.length&&i.length&&(e=function(){i.toggle(0<(n.val()||"").length)},i.off("click.passwordToggle mousedown.passwordToggle").on("mousedown.passwordToggle",function(e){e.preventDefault();var e="password"===String(n.attr("type")),t=(n.attr("type",e?"text":"password"),i.find("svg, i").first());t.length&&t.removeClass("fa-eye fa-eye-slash").addClass(e?"fa-eye":"fa-eye-slash")}),n.off("input.passwordToggle").on("input.passwordToggle",e),e())}},{}]},{},[1]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wickes-css2",
-  "version": "2.109.0-develop.6",
+  "version": "2.109.0-develop.8",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {

package/src/components/card-store-locator.hbs

@@ -1,48 +1,90 @@
 <div class="card-store">
   <div class="card-store__info">
-    <div class="card-store__title-main">truro</div>
-    {{#if distance}}
-      <div class="card-store__distance">3,474.4 Miles</div>
+    {{#if titleName}}
+      <div class="card-store__title-main">{{titleName}}</div>
     {{/if}}
-    {{#if address}}
-      <div class="card-store__title">Address</div>
+
+    {{#if distance}}
+      <div class="card-store__distance">{{distance}}</div>
     {{/if}}
+
     <div class="card-store__address">
-      <div class="card-store__name">Wickes Threemilstone retails park,</div>
-      <div class="card-store__location">GR, Chacewater</div>
-      <div class="card-store__city">Truro</div>
-      <div class="card-store__postcode">TR4 8GA</div>
+      {{#if storeName}}
+        <div class="card-store__name">{{storeName}}</div>
+      {{/if}}
+      {{#if storeLocation}}
+        <div class="card-store__location">{{storeLocation}}</div>
+      {{/if}}
+      {{#if storeCity}}
+        <div class="card-store__city">{{storeCity}}</div>
+      {{/if}}
+      {{#if storePostcode}}
+        <div class="card-store__postcode">{{storePostcode}}</div>
+      {{/if}}
     </div>
   </div>
 
-  <div>
+  <div class="card-store__body">
     <div class="card-store__navigation">
-      <a href="#" class="btn btn-primary">
-        <span class="btn__text">Navigate To</span>
+      <a href="page_store-locator-details.html" class="btn btn-primary btn-store-details">
+        <span class="btn__text">View store details</span>
       </a>
     </div>
-    <div class="card-store__schedule">
-      {{#if opening-times}}
-        <div class="card-store__title {{#if schedule-title}}schedule-title{{/if}}">Standard opening times</div>
-        {{>schedule}}
-      {{/if}}
 
-      {{#unless locator-list}}
-        <div class="card-store__special-time">
-          <div class="card-store__title {{#if schedule-title}}schedule-title{{/if}}">Special opening times</div>
-          {{>special-opening-schedule}}
+    {{#if opening-times}}
+      <div class="card-store__schedule">
+        <div class="accordion opening-times-accordion accordion_collapsed">
+          <h5 class="accordion__header opening-times-accordion__header">
+            <span class="accordion__header-text opening-times-accordion__title">
+              Opening times
+            </span>
+            <span class="icon accordion__header-icon opening-times-accordion__icon">
+              <i class="fas fa-angle-up"></i>
+            </span>
+          </h5>
+
+          <div class="accordion__content opening-times-accordion__content" style="display: none;">
+            <div class="accordion__content-inner">
+              <div class="card-store__title schedule-title">Standard opening times</div>
+              {{> schedule}}
+
+              {{#if special-opening-schedule}}
+                <div class="card-store__special-time">
+                  <div class="card-store__title schedule-title">Special opening times</div>
+                  {{> special-opening-schedule}}
+                </div>
+              {{/if}}
+
+              <button
+                  type="button"
+                  class="opening-times-accordion__close"
+                  aria-label="Collapse opening times"
+              >
+                <span class="icon opening-times-accordion__close-icon">
+                  <i class="fas fa-angle-up"></i>
+                </span>
+              </button>
+            </div>
+          </div>
         </div>
-      {{/unless}}
-    </div>
+      </div>
+    {{/if}}
 
     <div class="card-store__contacts">
-      <span class="card-store__tel"><strong>Tel:</strong>
+      <span class="card-store__tel">
+        <strong>Tel:</strong>
         <a href="tel:018726511101" class="tel-uri">01872 6511 101</a>
       </span>
-      {{#if fax}}
-        <span class="card-store__fax"><strong>Fax:</strong> 01872 6511 101</span>
-      {{/if}}
     </div>
+
+    <div class="card-store__actions">
+      <a href="https://maps.google.com/maps?saddr=My+Location&daddr=50.263957,-5.123544"
+         target="_blank"
+         rel="noopener noreferrer">
+        Navigate to
+      </a>
+    </div>
+
     {{#if features}}
       <div class="card-store__features">
         <div class="card-store__title">Features</div>
@@ -52,10 +94,5 @@
         <div class="card-store__feature">displays with in-store design service</div>
       </div>
     {{/if}}
-    {{#if view-map}}
-      <div class="card-store__actions">
-        <a href="page_store-locator-details.html">View map</a>
-      </div>
-    {{/if}}
   </div>
-</div>
+</div>

package/src/components/card_bloomreach_media_banner.hbs

@@ -0,0 +1,10 @@
+<div
+    class="card-bloomreach-media-banner product-card"
+    data-slots="{{slots}}"
+    data-dimension="{{dimension}}"
+    data-type="bmb"
+>
+  {{#if htmlContent}}
+    {{{htmlContent}}}
+  {{/if}}
+</div>

package/src/components/card_sponsor_banner.hbs

@@ -4,7 +4,7 @@
 >
   <a class="card-sponsor-banner__link" href="{{href}}">
     <picture class="card-sponsor-banner__picture">
-      <source class="card-sponsor-banner__image" srcset="{{#if mobile-src}}{{mobile-src}}{{else}}{{src}}{{/if}}" media="(max-width: 768px)">
+      <source srcset="{{#if mobile-src}}{{mobile-src}}{{else}}{{src}}{{/if}}" media="(max-width: 768px)">
       <img class="card-sponsor-banner__image" src="{{src}}" alt="banner">
     </picture>
   </a>

package/src/components/checkout-payment-details-v2.hbs

@@ -25,7 +25,7 @@
                       type="radio"
                       id="checkout-payment-details-apple"
                       name="payment-method"
-                      value="apple">
+                      value="apple-pay">
                   <ins></ins>
                   <div class="apple-logo">
                     <img src="img/apple-pay.svg" alt="apple pay">
@@ -44,7 +44,7 @@
                       type="radio"
                       id="checkout-payment-details-google"
                       name="payment-method"
-                      value="google">
+                      value="google-pay">
                   <ins></ins>
                   <div class="google-logo">
                     <img src="img/google-pay-mark.svg" alt="google pay">
@@ -134,7 +134,7 @@
         </div>
       </div>
 
-      <div data-apple class="form-row form-row__action form-row__save apple-wrap" style="display: none;">
+      <div data-apple-pay class="form-row form-row__action form-row__save apple-wrap" style="display: none;">
         <div class="form-row__col-btn">
           <apple-pay-button class="apple__button" buttonstyle="black" type="pay" locale="en-GB"></apple-pay-button>
         </div>
@@ -146,7 +146,7 @@
         </div>
       </div>
 
-      <div data-google class="form-row form-row__action form-row__save google-wrap" style="display: none;">
+      <div data-google-pay class="form-row form-row__action form-row__save google-wrap" style="display: none;">
         <div class="form-row__col-btn">
           <div class="google__button" id="google-pay-btn">
             <button type="button" aria-label="Pay with GPay" class="gpay-button black pay en"></button>

package/src/components/checkout-payment-info-block.hbs

@@ -1,5 +1,5 @@
 <div {{#if dataAttr}}{{dataAttr}}{{/if}} class="{{blockClass}}" style="display: none;">
-  <div class="{{infoClass}}">
+  <div class="{{infoClass}}" style="display: none;">
     <div class="{{infoClass}}__header">
       <h4 class="{{infoClass}}__header_title">{{{heading}}}</h4>
       <div class="{{infoClass}}__logo-img-big">