wickes-css2 2.105.0-develop.4 → 2.105.0-develop.6

package/build/js/tradePro-rewards.min.js

@@ -1 +1 @@
-!function o(n,a,i){function d(t,e){if(!a[t]){if(!n[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(c)return c(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=a[t]={exports:{}},n[t][0].call(r.exports,function(e){return d(n[t][1][e]||e)},r,r.exports,o,n,a,i)}return a[t].exports}for(var c="function"==typeof require&&require,e=0;e<i.length;e++)d(i[e]);return d}({1:[function(e,t,r){"use strict";var o=e("./utils/copy-to-clipboard"),n=window.Wick||{};n.TradeProRewards={el:{$tradeProRewards:$(".page_tradePro-rewards"),buttonSelector:".copy-tradePro-barcode"},message:"Code copied to clipboard",copyToClipboardInit:function(){n.SnackBar.init(),$(n.TradeProRewards.el.buttonSelector).on("click",function(e){e.preventDefault(),e.stopPropagation();var t=$(this).parent().find("input"),r=t.val().trim();return t.removeAttr("disabled").attr("readonly","readonly"),(0,o.copyToClipboard)(r,e.currentTarget,{noUpperCase:!0}),t.attr("disabled","disabled").removeAttr("readonly"),window.getSelection().removeAllRanges(),n.SnackBar.show({text:n.TradeProRewards.message,type:n.SnackBar.types.SUCCESS,withCloseButton:!1,autoClose:!0,delayBeforeClose:3e3}),!1})},init:function(){n.TradeProRewards.copyToClipboardInit()}},$(document).ready(function(){n.TradeProRewards.el.$tradeProRewards.length&&n.TradeProRewards.init()})},{"./utils/copy-to-clipboard":2}],2:[function(e,t,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.copyToClipboard=function(e,t){var r=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{},o=$("<textarea>").css({position:"absolute",top:0,left:0,opacity:0});$(t).parent().append(o),t=r.noUpperCase?e:e.replace(/(^\w|\s\w)/g,function(e){return e.toUpperCase()});r=t.split(" ").filter(function(e){return""!==e}).join(" ");o.val(r),navigator.userAgent.match(/TradeProMobile_iOS|DIYMobile_iOS/i)?function(e){var e=e.get(0),t=e.contentEditable,r=e.readOnly,o=document.createRange(),n=window.getSelection();e.contentEditable=!0,e.readOnly=!1,o.selectNodeContents(e),n.removeAllRanges(),n.addRange(o),e.setSelectionRange(0,999999),e.contentEditable=t,e.readOnly=r}(o):navigator.userAgent.match(/ipad|ipod|iphone/i)?(o.select(),o[0].setSelectionRange(0,999999)):o.select();document.execCommand("copy"),o.remove()}},{}]},{},[1]);
+!function n(o,i,a){function c(e,t){if(!i[e]){if(!o[e]){var r="function"==typeof require&&require;if(!t&&r)return r(e,!0);if(u)return u(e,!0);throw(t=new Error("Cannot find module '"+e+"'")).code="MODULE_NOT_FOUND",t}r=i[e]={exports:{}},o[e][0].call(r.exports,function(t){return c(o[e][1][t]||t)},r,r.exports,n,o,i,a)}return i[e].exports}for(var u="function"==typeof require&&require,t=0;t<a.length;t++)c(a[t]);return c}({1:[function(t,e,r){"use strict";function L(t){return(L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}var u=t("./utils/copy-to-clipboard");function S(){S=function(){return a};var a={},t=Object.prototype,u=t.hasOwnProperty,l=Object.defineProperty||function(t,e,r){t[e]=r.value},e="function"==typeof Symbol?Symbol:{},n=e.iterator||"@@iterator",r=e.asyncIterator||"@@asyncIterator",o=e.toStringTag||"@@toStringTag";function i(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{i({},"")}catch(t){i=function(t,e,r){return t[e]=r}}function c(t,e,r,n){var o,i,a,c,e=e&&e.prototype instanceof p?e:p,e=Object.create(e.prototype),n=new x(n||[]);return l(e,"_invoke",{value:(o=t,i=r,a=n,c="suspendedStart",function(t,e){if("executing"===c)throw new Error("Generator is already running");if("completed"===c){if("throw"===t)throw e;return{value:void 0,done:!0}}for(a.method=t,a.arg=e;;){var r=a.delegate;if(r){r=function t(e,r){var n=r.method,o=e.iterator[n];if(void 0===o)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=void 0,t(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),f;n=s(o,e.iterator,r.arg);if("throw"===n.type)return r.method="throw",r.arg=n.arg,r.delegate=null,f;o=n.arg;return o?o.done?(r[e.resultName]=o.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=void 0),r.delegate=null,f):o:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,f)}(r,a);if(r){if(r===f)continue;return r}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if("suspendedStart"===c)throw c="completed",a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);c="executing";r=s(o,i,a);if("normal"===r.type){if(c=a.done?"completed":"suspendedYield",r.arg===f)continue;return{value:r.arg,done:a.done}}"throw"===r.type&&(c="completed",a.method="throw",a.arg=r.arg)}})}),e}function s(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}a.wrap=c;var f={};function p(){}function d(){}function h(){}var e={},y=(i(e,n,function(){return this}),Object.getPrototypeOf),y=y&&y(y(E([]))),v=(y&&y!==t&&u.call(y,n)&&(e=y),h.prototype=p.prototype=Object.create(e));function g(t){["next","throw","return"].forEach(function(e){i(t,e,function(t){return this._invoke(e,t)})})}function w(a,c){var e;l(this,"_invoke",{value:function(r,n){function t(){return new c(function(t,e){!function e(t,r,n,o){var i,t=s(a[t],a,r);if("throw"!==t.type)return(r=(i=t.arg).value)&&"object"==L(r)&&u.call(r,"__await")?c.resolve(r.__await).then(function(t){e("next",t,n,o)},function(t){e("throw",t,n,o)}):c.resolve(r).then(function(t){i.value=t,n(i)},function(t){return e("throw",t,n,o)});o(t.arg)}(r,n,t,e)})}return e=e?e.then(t,t):t()}})}function m(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function b(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function x(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(m,this),this.reset(!0)}function E(e){if(e||""===e){var r,t=e[n];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length))return r=-1,(t=function t(){for(;++r<e.length;)if(u.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=void 0,t.done=!0,t}).next=t}throw new TypeError(L(e)+" is not iterable")}return l(v,"constructor",{value:d.prototype=h,configurable:!0}),l(h,"constructor",{value:d,configurable:!0}),d.displayName=i(h,o,"GeneratorFunction"),a.isGeneratorFunction=function(t){t="function"==typeof t&&t.constructor;return!!t&&(t===d||"GeneratorFunction"===(t.displayName||t.name))},a.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,h):(t.__proto__=h,i(t,o,"GeneratorFunction")),t.prototype=Object.create(v),t},a.awrap=function(t){return{__await:t}},g(w.prototype),i(w.prototype,r,function(){return this}),a.AsyncIterator=w,a.async=function(t,e,r,n,o){void 0===o&&(o=Promise);var i=new w(c(t,e,r,n),o);return a.isGeneratorFunction(e)?i:i.next().then(function(t){return t.done?t.value:i.next()})},g(v),i(v,o,"Generator"),i(v,n,function(){return this}),i(v,"toString",function(){return"[object Generator]"}),a.keys=function(t){var e,r=Object(t),n=[];for(e in r)n.push(e);return n.reverse(),function t(){for(;n.length;){var e=n.pop();if(e in r)return t.value=e,t.done=!1,t}return t.done=!0,t}},a.values=E,x.prototype={constructor:x,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(b),!t)for(var e in this)"t"===e.charAt(0)&&u.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var n=this;function t(t,e){return i.type="throw",i.arg=r,n.next=t,e&&(n.method="next",n.arg=void 0),!!e}for(var e=this.tryEntries.length-1;0<=e;--e){var o=this.tryEntries[e],i=o.completion;if("root"===o.tryLoc)return t("end");if(o.tryLoc<=this.prev){var a=u.call(o,"catchLoc"),c=u.call(o,"finallyLoc");if(a&&c){if(this.prev<o.catchLoc)return t(o.catchLoc,!0);if(this.prev<o.finallyLoc)return t(o.finallyLoc)}else if(a){if(this.prev<o.catchLoc)return t(o.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return t(o.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;0<=r;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&u.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}var i=(o=o&&("break"===t||"continue"===t)&&o.tryLoc<=e&&e<=o.finallyLoc?null:o)?o.completion:{};return i.type=t,i.arg=e,o?(this.method="next",this.next=o.finallyLoc,f):this.complete(i)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),f},finish:function(t){for(var e=this.tryEntries.length-1;0<=e;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),b(r),f}},catch:function(t){for(var e=this.tryEntries.length-1;0<=e;--e){var r,n,o=this.tryEntries[e];if(o.tryLoc===t)return"throw"===(r=o.completion).type&&(n=r.arg,b(o)),n}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:E(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),f}},a}function l(t,e,r,n,o,i,a){try{var c=t[i](a),u=c.value}catch(t){return void r(t)}c.done?e(u):Promise.resolve(u).then(n,o)}var s=window.Wick||{};s.TradeProRewards={el:{$tradeProRewards:$(".page_tradePro-rewards"),buttonSelector:".copy-tradePro-barcode"},message:"Code copied to clipboard",errorMessage:"Unable to copy. Please copy manually",copyToClipboardInit:function(){s.SnackBar.init(),$(document).on("click",s.TradeProRewards.el.buttonSelector,function(){c=S().mark(function t(e){var r,n,o,i,a;return S().wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(e.preventDefault(),e.stopPropagation(),o=$(this),(o=o.parent().find("input")).length){t.next=6;break}return t.abrupt("return",!1);case 6:if(i=(o.val()||"").trim()){t.next=9;break}return t.abrupt("return",!1);case 9:return o.removeAttr("disabled").attr("readonly","readonly"),t.prev=10,t.next=13,(0,u.copyToClipboard)(i,e.currentTarget,{noUpperCase:!0});case 13:s.SnackBar.show({text:s.TradeProRewards.message,type:s.SnackBar.types.SUCCESS,withCloseButton:!1,autoClose:!0,delayBeforeClose:3e3}),t.next=20;break;case 16:t.prev=16,t.t0=t.catch(10);try{(a=o.get(0)).focus(),a.select(),a.setSelectionRange(0,999999)}catch(t){console.error(t)}s.SnackBar.show({text:s.TradeProRewards.errorMessage,type:s.SnackBar.types.ERROR,withCloseButton:!1,autoClose:!0,delayBeforeClose:4e3});case 20:return o.attr("disabled","disabled").removeAttr("readonly"),null!=(r=window.getSelection())&&null!=(n=r.removeAllRanges)&&n.call(r),t.abrupt("return",!1);case 23:case"end":return t.stop()}},t,this,[[10,16]])});var c,e=function(){var t=this,a=arguments;return new Promise(function(e,r){var n=c.apply(t,a);function o(t){l(n,e,r,o,i,"next",t)}function i(t){l(n,e,r,o,i,"throw",t)}o(void 0)})};return function(t){return e.apply(this,arguments)}}())},init:function(){s.TradeProRewards.copyToClipboardInit()}},$(document).ready(function(){s.TradeProRewards.el.$tradeProRewards.length&&s.TradeProRewards.init()})},{"./utils/copy-to-clipboard":2}],2:[function(t,e,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.copyToClipboard=function(t,e){var r=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{},t=function(t,e){t=null==t?"":t+"";return(e.noUpperCase?t:t.replace(/(^\w|\s\w)/g,function(t){return t.toUpperCase()})).split(" ").filter(function(t){return""!==t}).join(" ").trim()}(t,r);if(!t)return Promise.reject(new Error("Empty text"));if(null!=(r=window.webkit)&&null!=(r=r.messageHandlers)&&r.copy)try{return window.webkit.messageHandlers.copy.postMessage(t),Promise.resolve(!0)}catch(t){console.error(t)}if(null!=(r=window.Android)&&r.copyToClipboard&&"function"==typeof window.Android.copyToClipboard)try{return window.Android.copyToClipboard(t),Promise.resolve(!0)}catch(t){console.error(t)}if(null!=(r=navigator.clipboard)&&r.writeText)return navigator.clipboard.writeText(t).then(function(){return!0});return function(u,l){return new Promise(function(t,e){try{var r,n=$(l).parent(),o=$("<textarea>").val(u).attr("readonly","readonly").css({position:"fixed",top:0,left:"-9999px",opacity:0,width:"1px",height:"1px",padding:0,border:0,margin:0}),i=(n.append(o),o.get(0)),a=(i.focus(),(i.value||"").length),c=("function"==typeof i.setSelectionRange?i.setSelectionRange(0,a):o.select(),document.execCommand("copy"));o.remove(),window.getSelection&&(r=window.getSelection())&&r.removeAllRanges&&r.removeAllRanges(),c?t(!0):e(new Error("execCommand failed"))}catch(t){e(t)}})}(t,e)}},{}]},{},[1]);

package/package.json

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

package/src/js/components/general/accordion.js

@@ -12,11 +12,13 @@ Wick.Accordion = (function () {
     }
 
     function onAccordionClick(e) {
-        var $acc = $(e.target).closest(accordionRoot);
+        var $trigger = $(e.currentTarget);
+        var $acc = $trigger.closest(accordionRoot);
         if (!$acc.length) return;
 
-        var trigger = getTriggerSelector($acc);
-        if (!$(e.target).closest(trigger).length) return;
+        var triggerSel = getTriggerSelector($acc);
+
+        if (!$trigger.is(triggerSel)) return;
 
         $acc.toggleClass(collapsed);
         $acc.children(accordionContent).stop(true, true).slideToggle(200);

package/src/js/emulation/project-list-pdp.js

@@ -307,11 +307,10 @@ function returnSuccessGetPayload(currentPage) {
 
 $(document).ready(function () {
     function init() {
-        if (!$('.shop-list-modal').length) {
+        if (!$('.shop-list-modal').length || !Wick.SavingShoppingList) {
             return;
         }
-
-        $(Wick.SavingShoppingList.el.modalSavingToShopList).on(
+        $(Wick.SavingShoppingList?.el.modalSavingToShopList).on(
             'show.bs.modal',
             Wick.SavingShoppingList.init
         );

package/src/js/page/share-project-list.js

@@ -0,0 +1,57 @@
+import { copyToClipboard } from './utils/copy-to-clipboard';
+
+var Wick = Wick || {};
+Wick.ShareProjectList = (function () {
+    function init() {
+        var $input = $('#share-list-modal #shopping-list-link');
+        var linkContainer = $('#copy-link');
+        var $actualLink = linkContainer.find('a');
+        var copyClass = 'copy-link_hovered';
+
+        $actualLink.on('click', function (e) {
+            e.preventDefault();
+        });
+
+        function focusAndSelectInput() {
+            if (!$input.length) return;
+
+            var el = $input.get(0);
+
+            $input.removeAttr('disabled');
+
+            el.focus();
+
+            var len = (el.value || '').length;
+            if (typeof el.setSelectionRange === 'function') {
+                el.setSelectionRange(0, len);
+            } else if (typeof el.select === 'function') {
+                el.select();
+            }
+        }
+
+        linkContainer.on('click', function (e) {
+            e.preventDefault();
+
+            focusAndSelectInput();
+
+            var value = ($input.val() || '').trim();
+            if (!value) return;
+
+            copyToClipboard(value, linkContainer[0], { noUpperCase: true })
+                .then(function () {
+                    $actualLink.addClass(copyClass);
+                })
+                .catch(function (e) {
+                    console.error(e);
+                });
+        });
+
+        $input.on('click', function (e) {
+            e.preventDefault();
+            focusAndSelectInput();
+            $actualLink.removeClass(copyClass);
+        });
+    }
+
+    init();
+})();

package/src/js/page/tradePro-rewards.js

@@ -1,46 +1,76 @@
-import {copyToClipboard} from "./utils/copy-to-clipboard";
+import { copyToClipboard } from './utils/copy-to-clipboard';
 
 var Wick = window.Wick || {};
 
 Wick.TradeProRewards = {
-  el: {
-    $tradeProRewards: $('.page_tradePro-rewards'),
-    buttonSelector: '.copy-tradePro-barcode',
-  },
-  message: 'Code copied to clipboard',
-  copyToClipboardInit() {
-    Wick.SnackBar.init();
-    $(Wick.TradeProRewards.el.buttonSelector).on('click', function (e) {
-      e.preventDefault();
-      e.stopPropagation();
-      var discountCode = $(this).parent().find('input');
-      var discountCodeValue = discountCode.val().trim();
-      discountCode.removeAttr('disabled').attr('readonly', 'readonly');
-
-      copyToClipboard(discountCodeValue, e.currentTarget, { noUpperCase: true });
-
-      discountCode.attr('disabled', 'disabled').removeAttr('readonly');
-      window.getSelection().removeAllRanges();
-
-      Wick.SnackBar.show(
-        {
-          text: Wick.TradeProRewards.message,
-          type: Wick.SnackBar.types.SUCCESS,
-          withCloseButton: false,
-          autoClose: true,
-          delayBeforeClose: 3000
-        }
-      );
-      return false;
-    });
-  },
-  init() {
-    Wick.TradeProRewards.copyToClipboardInit();
-  }
-}
+    el: {
+        $tradeProRewards: $('.page_tradePro-rewards'),
+        buttonSelector: '.copy-tradePro-barcode',
+    },
+
+    message: 'Code copied to clipboard',
+    errorMessage: 'Unable to copy. Please copy manually',
+
+    copyToClipboardInit() {
+        Wick.SnackBar.init();
+
+        $(document).on('click', Wick.TradeProRewards.el.buttonSelector, async function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+
+            const $btn = $(this);
+            const $input = $btn.parent().find('input');
+
+            if (!$input.length) return false;
+
+            const discountCodeValue = ($input.val() || '').trim();
+            if (!discountCodeValue) return false;
+
+            $input.removeAttr('disabled').attr('readonly', 'readonly');
+
+            try {
+                await copyToClipboard(discountCodeValue, e.currentTarget, { noUpperCase: true });
+
+                Wick.SnackBar.show({
+                    text: Wick.TradeProRewards.message,
+                    type: Wick.SnackBar.types.SUCCESS,
+                    withCloseButton: false,
+                    autoClose: true,
+                    delayBeforeClose: 3000,
+                });
+            } catch (err) {
+                try {
+                    const el = $input.get(0);
+                    el.focus();
+                    el.select();
+                    el.setSelectionRange(0, 999999);
+                } catch (e) {
+                    console.error(e);
+                }
+
+                Wick.SnackBar.show({
+                    text: Wick.TradeProRewards.errorMessage,
+                    type: Wick.SnackBar.types.ERROR,
+                    withCloseButton: false,
+                    autoClose: true,
+                    delayBeforeClose: 4000,
+                });
+            }
+
+            $input.attr('disabled', 'disabled').removeAttr('readonly');
+            window.getSelection()?.removeAllRanges?.();
+
+            return false;
+        });
+    },
+
+    init() {
+        Wick.TradeProRewards.copyToClipboardInit();
+    },
+};
 
 $(document).ready(function () {
-  if (Wick.TradeProRewards.el.$tradeProRewards.length) {
-    Wick.TradeProRewards.init();
-  }
+    if (Wick.TradeProRewards.el.$tradeProRewards.length) {
+        Wick.TradeProRewards.init();
+    }
 });

package/src/js/page/utils/copy-to-clipboard.js

@@ -1,56 +1,88 @@
 export function copyToClipboard(copyValue, currentSelector, options = {}) {
-  const $temp = $('<textarea>').css({
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    opacity: 0
-  });
-
-  $(currentSelector).parent().append($temp);
-
-  let str;
-  if (options.noUpperCase) {
-    str = copyValue;
-  } else {
-    str = copyValue.replace(/(^\w|\s\w)/g, function (m) {
-      return m.toUpperCase()
-    });
-  }
+    const textTrimmed = normalizeCopyText(copyValue, options);
 
-  const textFiltered = str.split(' ').filter(function (value) {
-    return value !== ''
-  });
+    if (!textTrimmed) return Promise.reject(new Error('Empty text'));
 
-  const textTrimmed = textFiltered.join(' ');
+    // 1) iOS app bridge (WKWebView)
+    if (window.webkit?.messageHandlers?.copy) {
+        try {
+            window.webkit.messageHandlers.copy.postMessage(textTrimmed);
+            return Promise.resolve(true);
+        } catch (e) {
+            console.error(e);
+        }
+    }
 
-  $temp.val(textTrimmed);
+    // 2) Android app bridge
+    if (window.Android?.copyToClipboard && typeof window.Android.copyToClipboard === 'function') {
+        try {
+            window.Android.copyToClipboard(textTrimmed);
+            return Promise.resolve(true);
+        } catch (e) {
+            console.error(e);
+        }
+    }
 
-  if (navigator.userAgent.match(/TradeProMobile_iOS|DIYMobile_iOS/i)) {
-    iosCopyToClipboard($temp);
-  } else if (navigator.userAgent.match(/ipad|ipod|iphone/i)) {
-    $temp.select();
-    $temp[0].setSelectionRange(0, 999999);
-  } else {
-    $temp.select();
-  }
+    if (navigator.clipboard?.writeText) {
+        return navigator.clipboard.writeText(textTrimmed).then(() => true);
+    }
 
-  document.execCommand("copy");
-  $temp.remove();
+    return legacyExecCommandCopy(textTrimmed, currentSelector);
 }
 
-function iosCopyToClipboard($input) {
-  const el = $input.get(0);
-  const editable = el.contentEditable;
-  const readOnly = el.readOnly;
-  const range = document.createRange();
-  const sel = window.getSelection();
-
-  el.contentEditable = true;
-  el.readOnly = false;
-  range.selectNodeContents(el);
-  sel.removeAllRanges();
-  sel.addRange(range);
-  el.setSelectionRange(0, 999999);
-  el.contentEditable = editable;
-  el.readOnly = readOnly;
+function normalizeCopyText(copyValue, options) {
+    let raw = copyValue == null ? '' : copyValue + '';
+
+    const str = options.noUpperCase ? raw : raw.replace(/(^\w|\s\w)/g, (m) => m.toUpperCase());
+
+    return str
+        .split(' ')
+        .filter((v) => v !== '')
+        .join(' ')
+        .trim();
+}
+
+function legacyExecCommandCopy(text, currentSelector) {
+    return new Promise(function (resolve, reject) {
+        try {
+            let $parent = $(currentSelector).parent();
+
+            let $temp = $('<textarea>').val(text).attr('readonly', 'readonly').css({
+                position: 'fixed',
+                top: 0,
+                left: '-9999px',
+                opacity: 0,
+                width: '1px',
+                height: '1px',
+                padding: 0,
+                border: 0,
+                margin: 0,
+            });
+
+            $parent.append($temp);
+
+            let el = $temp.get(0);
+
+            el.focus();
+            let len = (el.value || '').length;
+            if (typeof el.setSelectionRange === 'function') {
+                el.setSelectionRange(0, len);
+            } else {
+                $temp.select();
+            }
+
+            let ok = document.execCommand('copy');
+
+            $temp.remove();
+
+            if (window.getSelection) {
+                let sel = window.getSelection();
+                if (sel && sel.removeAllRanges) sel.removeAllRanges();
+            }
+
+            ok ? resolve(true) : reject(new Error('execCommand failed'));
+        } catch (e) {
+            reject(e);
+        }
+    });
 }

package/src/page_empty-shared-project-list-bicester-hub.html

@@ -6,6 +6,7 @@
 <main>
     {{> shopping-list-bicester-hub emptyShopList="true" }}
 </main>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{#content "foot" mode="append"}}
 <script defer src="./js/saving-shopping-list.min.js"></script>

package/src/page_empty-shopping-list_guest.html

@@ -5,5 +5,6 @@
 <main>
     {{> shopping-list emptyShopList=true pagination=false}}
 </main>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list-add-notes.html

@@ -18,5 +18,6 @@
     copy-id=true
   }}
 </main>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list-energy.html

@@ -15,5 +15,6 @@
 {{/content}}
 <script defer src="./js/page/project-list.js"></script>
 <script defer src="./js/energy-efficiency.min.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list-hide-download.html

@@ -7,6 +7,7 @@
 </main>
 {{/content}}
 {{#content "foot" mode="append"}}
-<script src="./js/project-list-note.min.js"></script>
+<script defer src="./js/project-list.min.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list-pdf.html

@@ -3,5 +3,7 @@
 {{/content}}
 {{#content "body"}}
   {{> shopping-list-pdf}}
+
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list-saved-ref.html

@@ -6,5 +6,6 @@
     {{> shopping-list emptyShopList=false isUserRegister=true pagination=true ref-value=true}}
 </main>
 <script defer src="./js/page/project-list.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list-wisdom-oos-registered.html

@@ -6,6 +6,7 @@
     {{> shopping-list emptyShopList=false isUserRegister=true pagination=true ref=true wisdom=true available=0}}
 </main>
 <script defer src="./js/page/project-list.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{#content "foot" mode="append"}}
     {{> wisdom-modal available=0 current=5}}

package/src/page_my-shopping-list-wisdom-oos.html

@@ -6,6 +6,7 @@
     {{> shopping-list emptyShopList=false isUserRegister=false pagination=true ref=true wisdom=true available=0}}
 </main>
 <script defer src="./js/page/project-list.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{#content "foot" mode="append"}}
     {{> wisdom-modal available=0 current=5}}

package/src/page_my-shopping-list-wisdom-partial-registered.html

@@ -6,6 +6,7 @@
     {{> shopping-list emptyShopList=false isUserRegister=true pagination=true ref=true wisdom=true available=10}}
 </main>
 <script defer src="./js/page/project-list.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{#content "foot" mode="append"}}
     {{> wisdom-modal available=12 current=15}}

package/src/page_my-shopping-list-wisdom-registered.html

@@ -6,6 +6,7 @@
     {{> shopping-list emptyShopList=false isUserRegister=true pagination=true ref=true wisdom=true available=10}}
 </main>
 <script defer src="./js/page/project-list.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{#content "foot" mode="append"}}
     {{> wisdom-modal available=12 current=5}}

package/src/page_my-shopping-list-wisdom.html

@@ -6,6 +6,7 @@
     {{> shopping-list emptyShopList=false isUserRegister=false pagination=true ref=true wisdom=true available=10}}
 </main>
 <script defer src="./js/page/project-list.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{#content "foot" mode="append"}}
     {{> wisdom-modal available=12 current=5}}

package/src/page_my-shopping-list.html

@@ -9,5 +9,6 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.1/html2pdf.bundle.min.js"
         integrity="sha512-1qLXyA3x0VSWeM+8vOotn6+KIRGdcQ8QMzsNeDXmdJsUAnoDGjzlxzqAuUGJGrGkGrtOrq4buDoAHxR89D9PWA=="
         crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_my-shopping-list_not-register.html

@@ -5,6 +5,9 @@
 <main>
     {{> shopping-list emptyShopList=false pagination=true}}
 </main>
+{{/content}}
+{{#content "foot" mode="append"}}
 <script defer src="./js/page/project-list.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 {{/content}}
 {{/extend}}

package/src/page_project-list-generate-project-list-ID.html

@@ -19,4 +19,7 @@
   }}
 </main>
 {{/content}}
+{{#content "foot" mode="append"}}
+<script defer src="./js/share-project-list.min.js"></script>
+{{/content}}
 {{/extend}}

package/src/page_project-list-vat.html

@@ -21,4 +21,8 @@
   }}
 </main>
 {{/content}}
+{{#content "foot" mode="append"}}
+<script defer src="./js/project-list.min.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
+{{/content}}
 {{/extend}}

package/src/page_project-list-with-new-share-popup-android.html

@@ -8,7 +8,8 @@
 </main>
 {{/content}}
 {{#content "foot" mode="append"}}
-<script src="./js/project-list-note.min.js"></script>
+<script src="./js/project-list.min.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 <script async src="https://static.addtoany.com/menu/page.js"></script>
 <script defer src="./js/saving-shopping-list.min.js"></script>
 {{/content}}

package/src/page_project-list-with-new-share-popup-ios.html

@@ -8,7 +8,8 @@
 </main>
 {{/content}}
 {{#content "foot" mode="append"}}
-<script src="./js/project-list-note.min.js"></script>
+<script src="./js/project-list.min.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 <script async src="https://static.addtoany.com/menu/page.js"></script>
 <script defer src="./js/saving-shopping-list.min.js"></script>
 {{/content}}

package/src/page_project-list-with-new-share-popup.html

@@ -8,7 +8,7 @@
 </main>
 {{/content}}
 {{#content "foot" mode="append"}}
-<script src="./js/project-list-note.min.js"></script>
+<script defer src="./js/project-list.min.js"></script>
 <script async src="https://static.addtoany.com/menu/page.js"></script>
 <script defer src="./js/saving-shopping-list.min.js"></script>
 {{/content}}

package/src/page_shared-project-list-bicester-hub.html

@@ -9,7 +9,8 @@
 </main>
 {{/content}}
 {{#content "foot" mode="append"}}
-<script src="./js/project-list-note.min.js"></script>
+<script defer src="./js/project-list.min.js"></script>
+<script defer src="./js/share-project-list.min.js"></script>
 <script defer src="./js/global-search.min.js"></script>
 <script defer src="./js/saving-shopping-list.min.js"></script>
 {{/content}}

package/src/scss/pages/tradePro-rewards.scss

@@ -7,7 +7,7 @@ $voucher-cell-height-lg: 246px;
 $voucher-cell-height-xl: 296px;
 
 .text-start {
-  text-align: left;
+  text-align: left !important;
 }
 
 .page_tradePro-rewards {