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

package/build/js/my-account.min.js

@@ -1 +1 @@
-!function n(i,r,c){function l(t,e){if(!r[t]){if(!i[t]){var o="function"==typeof require&&require;if(!e&&o)return o(t,!0);if(a)return a(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}o=r[t]={exports:{}},i[t][0].call(o.exports,function(e){return l(i[t][1][e]||e)},o,o.exports,n,i,r,c)}return r[t].exports}for(var a="function"==typeof require&&require,e=0;e<c.length;e++)l(c[e]);return l}({1:[function(e,t,o){"use strict";var n=e("./utils/copy-to-clipboard"),i=e("./utils/helpers"),r=window.Wick||{};r.MyAccount={el:{$clipboardCode:$(".clipboard-code"),appInfo:".app-info",hideAppInfo:"app-info--hide"},clipboardCodes:{tradeProId:{titleEl:".clipboard-code.trade-pro-id .title",subtitleEl:".clipboard-code.trade-pro-id .subtitle",btnCopy:".btn--trade-pro-id"},discountCode:{titleEl:".clipboard-code.discount-code .title",subtitleEl:".clipboard-code.discount-code .subtitle",btnCopy:".btn--discount-code"}},copyCode:function(e){var e=r.MyAccount.clipboardCodes[e],t=e.titleEl,o=e.subtitleEl,e=e.btnCopy,o=$(o).text().trim(),t=$(t).text().trim();(0,n.copyToClipboard)(o,e),r.SnackBar.show({text:"".concat(t," copied to clipboard"),type:r.SnackBar.types.SUCCESS,withCloseButton:!1,autoClose:!0,delayBeforeClose:1500})},init:function(){Object.keys(r.MyAccount.clipboardCodes).forEach(function(e){var t=r.MyAccount.clipboardCodes[e].btnCopy;$(t).on("click",function(){return r.MyAccount.copyCode(e)})}),$(r.MyAccount.el.appInfo).length&&(0,i.isApp)()&&$(r.MyAccount.el.appInfo).addClass(r.MyAccount.el.hideAppInfo)}},$(document).ready(function(){r.MyAccount.el.$clipboardCode.length&&r.MyAccount.init()})},{"./utils/copy-to-clipboard":2,"./utils/helpers":3}],2:[function(e,t,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.copyToClipboard=function(e,t){var o=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{},n=$("<textarea>").css({position:"absolute",top:0,left:0,opacity:0});$(t).parent().append(n),t=o.noUpperCase?e:e.replace(/(^\w|\s\w)/g,function(e){return e.toUpperCase()});o=t.split(" ").filter(function(e){return""!==e}).join(" ");n.val(o),navigator.userAgent.match(/TradeProMobile_iOS|DIYMobile_iOS/i)?function(e){var e=e.get(0),t=e.contentEditable,o=e.readOnly,n=document.createRange(),i=window.getSelection();e.contentEditable=!0,e.readOnly=!1,n.selectNodeContents(e),i.removeAllRanges(),i.addRange(n),e.setSelectionRange(0,999999),e.contentEditable=t,e.readOnly=o}(n):navigator.userAgent.match(/ipad|ipod|iphone/i)?(n.select(),n[0].setSelectionRange(0,999999)):n.select();document.execCommand("copy"),n.remove()}},{}],3:[function(e,t,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.countLetters=function(e){e=e.match(/[a-zA-Z]/g);return e?e.length:0},o.createImageElements=function(e,t){return e.map(function(e){return $("<img>").attr("src",e).attr("alt",t)})},o.highlightCharacter=function(e,t,o){return e.includes(t)?(t=new RegExp("\\".concat(t,"+"),"g"),o='<span class="'.concat(o,'">$&</span>'),e.replace(t,o)):e},o.isApp=function(){return navigator.userAgent.match(/TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android|DIYApp_Guest_Mobile_iOS|DIYApp_Guest_Mobile_Android|AGENT_PLACEHOLDER/i)},o.isHasSymbol=function(e,t){return e.includes(t)},o.isKeyboardOpen=function(){var e=window.innerHeight,t=window.visualViewport.height;return e!==t},o.isTouchDevice=function(){return"ontouchstart"in window},o.scrollToElement=function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:20,e=$(e);0<e.length&&$("html, body").animate({scrollTop:e.offset().top-t},300)},o.scrollToTop=function(e){e.scrollTop(0)},o.trimFields=function(){Wick.AddressBook.getFieldsConfigurations().forEach(function(e){var t=e.input.val().trim();e.input.val(t)})}},{}]},{},[1]);
+!function n(r,i,c){function l(o,e){if(!i[o]){if(!r[o]){var t="function"==typeof require&&require;if(!e&&t)return t(o,!0);if(a)return a(o,!0);throw(e=new Error("Cannot find module '"+o+"'")).code="MODULE_NOT_FOUND",e}t=i[o]={exports:{}},r[o][0].call(t.exports,function(e){return l(r[o][1][e]||e)},t,t.exports,n,r,i,c)}return i[o].exports}for(var a="function"==typeof require&&require,e=0;e<c.length;e++)l(c[e]);return l}({1:[function(e,o,t){"use strict";var n=e("./utils/copy-to-clipboard"),r=e("./utils/helpers"),i=window.Wick||{};i.MyAccount={el:{$clipboardCode:$(".clipboard-code"),appInfo:".app-info",hideAppInfo:"app-info--hide"},clipboardCodes:{tradeProId:{titleEl:".clipboard-code.trade-pro-id .title",subtitleEl:".clipboard-code.trade-pro-id .subtitle",btnCopy:".btn--trade-pro-id"},discountCode:{titleEl:".clipboard-code.discount-code .title",subtitleEl:".clipboard-code.discount-code .subtitle",btnCopy:".btn--discount-code"}},copyCode:function(e){var e=i.MyAccount.clipboardCodes[e],o=e.titleEl,t=e.subtitleEl,e=e.btnCopy,t=$(t).text().trim(),o=$(o).text().trim();(0,n.copyToClipboard)(t,e),i.SnackBar.show({text:"".concat(o," copied to clipboard"),type:i.SnackBar.types.SUCCESS,withCloseButton:!1,autoClose:!0,delayBeforeClose:1500})},init:function(){Object.keys(i.MyAccount.clipboardCodes).forEach(function(e){var o=i.MyAccount.clipboardCodes[e].btnCopy;$(o).on("click",function(){return i.MyAccount.copyCode(e)})}),$(i.MyAccount.el.appInfo).length&&(0,r.isApp)()&&$(i.MyAccount.el.appInfo).addClass(i.MyAccount.el.hideAppInfo)}},$(document).ready(function(){i.MyAccount.el.$clipboardCode.length&&i.MyAccount.init()})},{"./utils/copy-to-clipboard":2,"./utils/helpers":3}],2:[function(e,o,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.copyToClipboard=function(e,o){var t=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{},e=function(e,o){e=null==e?"":e+"";return(o.noUpperCase?e:e.replace(/(^\w|\s\w)/g,function(e){return e.toUpperCase()})).split(" ").filter(function(e){return""!==e}).join(" ").trim()}(e,t);if(!e)return Promise.reject(new Error("Empty text"));if(null!=(t=window.webkit)&&null!=(t=t.messageHandlers)&&t.copy)try{return window.webkit.messageHandlers.copy.postMessage(e),Promise.resolve(!0)}catch(e){console.error(e)}if(null!=(t=window.Android)&&t.copyToClipboard&&"function"==typeof window.Android.copyToClipboard)try{return window.Android.copyToClipboard(e),Promise.resolve(!0)}catch(e){console.error(e)}if(null!=(t=navigator.clipboard)&&t.writeText)return navigator.clipboard.writeText(e).then(function(){return!0});return function(a,u){return new Promise(function(e,o){try{var t,n=$(u).parent(),r=$("<textarea>").val(a).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(r),r.get(0)),c=(i.focus(),(i.value||"").length),l=("function"==typeof i.setSelectionRange?i.setSelectionRange(0,c):r.select(),document.execCommand("copy"));r.remove(),window.getSelection&&(t=window.getSelection())&&t.removeAllRanges&&t.removeAllRanges(),l?e(!0):o(new Error("execCommand failed"))}catch(e){o(e)}})}(e,o)}},{}],3:[function(e,o,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.countLetters=function(e){e=e.match(/[a-zA-Z]/g);return e?e.length:0},t.createImageElements=function(e,o){return e.map(function(e){return $("<img>").attr("src",e).attr("alt",o)})},t.highlightCharacter=function(e,o,t){return e.includes(o)?(o=new RegExp("\\".concat(o,"+"),"g"),t='<span class="'.concat(t,'">$&</span>'),e.replace(o,t)):e},t.isApp=function(){return navigator.userAgent.match(/TradeProMobile_iOS|TradeProMobile_Android|DIYMobile_iOS|DIYMobile_Android|DIYApp_Guest_Mobile_iOS|DIYApp_Guest_Mobile_Android|AGENT_PLACEHOLDER/i)},t.isHasSymbol=function(e,o){return e.includes(o)},t.isKeyboardOpen=function(){var e=window.innerHeight,o=window.visualViewport.height;return e!==o},t.isTouchDevice=function(){return"ontouchstart"in window},t.scrollToElement=function(e){var o=1<arguments.length&&void 0!==arguments[1]?arguments[1]:20,e=$(e);0<e.length&&$("html, body").animate({scrollTop:e.offset().top-o},300)},t.scrollToTop=function(e){e.scrollTop(0)},t.trimFields=function(){Wick.AddressBook.getFieldsConfigurations().forEach(function(e){var o=e.input.val().trim();e.input.val(o)})}},{}]},{},[1]);

package/build/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/build/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/build/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);
+        }
+    });
 }