From c73567c1f66eddfb17d05140066b2ba6d0d88f4d Mon Sep 17 00:00:00 2001 From: ltiseanu Date: Thu, 25 Jun 2026 15:42:47 +0300 Subject: [PATCH 1/5] DEX-27793 - LP intermediar in flow Device Limit Reached_continuare --- _src/blocks/decode-param/decode-param.css | 43 +++++++++++++++++++++-- _src/blocks/decode-param/decode-param.js | 6 ++-- 2 files changed, 44 insertions(+), 5 deletions(-) diff --git a/_src/blocks/decode-param/decode-param.css b/_src/blocks/decode-param/decode-param.css index 7e3aef8a9..b1b70edcc 100644 --- a/_src/blocks/decode-param/decode-param.css +++ b/_src/blocks/decode-param/decode-param.css @@ -19,14 +19,47 @@ width: 90px; } +.decode-param-container table { + width: 400px; + margin: 30px auto 20px; + text-align: left; +} + +.decode-param-container table tr { + border-bottom: 1px solid #d5d4d4; + display: flex; + align-items: center; + gap: 10px; + padding-bottom: 10px; + margin-bottom: 10px; +} + +.decode-param-container table tr td { + line-height: 21px; +} + +.decode-param-container table tr:last-of-type { + border-bottom: 0 none; +} + +.decode-param-container table .icon { + height: auto; + width: 40px; + margin-bottom: 0; +} + +.decode-param-container table svg path { + fill: #24A839; +} + .decode-param-container .upgrade-loader { - width: 160px; + width: 260px; height: 10px; border: 1px solid #8c8c8c; border-radius: 10px; overflow: hidden; background: #fff; - margin: 24px auto; + margin: 20px auto; } .decode-param-container .upgrade-loader-progress { @@ -35,4 +68,10 @@ background: #1a73e8; border-radius: 10px; transition: width 8s linear; +} + +@media (width < 767px) { + .decode-param-container table { + width: 100%; + } } \ No newline at end of file diff --git a/_src/blocks/decode-param/decode-param.js b/_src/blocks/decode-param/decode-param.js index a17f8ea1c..1e555aa3c 100644 --- a/_src/blocks/decode-param/decode-param.js +++ b/_src/blocks/decode-param/decode-param.js @@ -33,10 +33,10 @@ const createLoader = () => { export default function decorate(block) { const upgrade = getParam('upgrade'); - if (!upgrade) return; + // if (!upgrade) return; const redirectUrl = decodeUpgrade(upgrade); - if (!redirectUrl) return; + // if (!redirectUrl) return; const loader = createLoader(); block.append(loader); @@ -51,6 +51,6 @@ export default function decorate(block) { }, 50); setTimeout(() => { - window.location.href = redirectUrl; + // window.location.href = redirectUrl; }, 8000); } From 6670b9922458268eac0bf6ceb7f532eb9c60bd16 Mon Sep 17 00:00:00 2001 From: ltiseanu Date: Thu, 25 Jun 2026 15:44:53 +0300 Subject: [PATCH 2/5] update --- _src/blocks/decode-param/decode-param.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/_src/blocks/decode-param/decode-param.js b/_src/blocks/decode-param/decode-param.js index 1e555aa3c..a17f8ea1c 100644 --- a/_src/blocks/decode-param/decode-param.js +++ b/_src/blocks/decode-param/decode-param.js @@ -33,10 +33,10 @@ const createLoader = () => { export default function decorate(block) { const upgrade = getParam('upgrade'); - // if (!upgrade) return; + if (!upgrade) return; const redirectUrl = decodeUpgrade(upgrade); - // if (!redirectUrl) return; + if (!redirectUrl) return; const loader = createLoader(); block.append(loader); @@ -51,6 +51,6 @@ export default function decorate(block) { }, 50); setTimeout(() => { - // window.location.href = redirectUrl; + window.location.href = redirectUrl; }, 8000); } From 5fa33bfa66be3a16df4d3aaff56cda1e0dacd86d Mon Sep 17 00:00:00 2001 From: ltiseanu Date: Thu, 25 Jun 2026 15:46:47 +0300 Subject: [PATCH 3/5] update responsive --- _src/blocks/decode-param/decode-param.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/_src/blocks/decode-param/decode-param.css b/_src/blocks/decode-param/decode-param.css index b1b70edcc..e8d4cb26e 100644 --- a/_src/blocks/decode-param/decode-param.css +++ b/_src/blocks/decode-param/decode-param.css @@ -20,7 +20,8 @@ } .decode-param-container table { - width: 400px; + width: 420px; + padding: 0 10px; margin: 30px auto 20px; text-align: left; } From 09747c8075abfcfcaf2525a5fbc8fe42927d485a Mon Sep 17 00:00:00 2001 From: ltiseanu Date: Thu, 25 Jun 2026 15:49:33 +0300 Subject: [PATCH 4/5] responsive update --- _src/blocks/decode-param/decode-param.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/_src/blocks/decode-param/decode-param.css b/_src/blocks/decode-param/decode-param.css index e8d4cb26e..7738e2a9f 100644 --- a/_src/blocks/decode-param/decode-param.css +++ b/_src/blocks/decode-param/decode-param.css @@ -21,7 +21,6 @@ .decode-param-container table { width: 420px; - padding: 0 10px; margin: 30px auto 20px; text-align: left; } @@ -32,7 +31,7 @@ align-items: center; gap: 10px; padding-bottom: 10px; - margin-bottom: 10px; + margin: 0 10px 10px; } .decode-param-container table tr td { @@ -72,6 +71,16 @@ } @media (width < 767px) { + .decode-param-container h1 { + font-size: 23px; + line-height: 27px; + margin-bottom: 10px; + } + + .decode-param-container h2 { + font-size: 18px; + } + .decode-param-container table { width: 100%; } From 956bfc9dd36b4ca219b378e6fc2124c66fcf6521 Mon Sep 17 00:00:00 2001 From: ltiseanu Date: Fri, 26 Jun 2026 15:43:58 +0300 Subject: [PATCH 5/5] DEX-27793 - removed the component - moved to lpd --- _src/blocks/decode-param/decode-param.css | 87 ----------------------- _src/blocks/decode-param/decode-param.js | 56 --------------- 2 files changed, 143 deletions(-) delete mode 100644 _src/blocks/decode-param/decode-param.css delete mode 100644 _src/blocks/decode-param/decode-param.js diff --git a/_src/blocks/decode-param/decode-param.css b/_src/blocks/decode-param/decode-param.css deleted file mode 100644 index 7738e2a9f..000000000 --- a/_src/blocks/decode-param/decode-param.css +++ /dev/null @@ -1,87 +0,0 @@ -.decode-param-container h1 { - font-size: 30px; - margin-bottom: 0; -} - -.decode-param-container h2 { - font-size: 20px; -} - -.decode-param-container h2 strong { - font-weight: 500; -} - -.decode-param-container p { - font-size: 18px; -} - -.decode-param-container img { - width: 90px; -} - -.decode-param-container table { - width: 420px; - margin: 30px auto 20px; - text-align: left; -} - -.decode-param-container table tr { - border-bottom: 1px solid #d5d4d4; - display: flex; - align-items: center; - gap: 10px; - padding-bottom: 10px; - margin: 0 10px 10px; -} - -.decode-param-container table tr td { - line-height: 21px; -} - -.decode-param-container table tr:last-of-type { - border-bottom: 0 none; -} - -.decode-param-container table .icon { - height: auto; - width: 40px; - margin-bottom: 0; -} - -.decode-param-container table svg path { - fill: #24A839; -} - -.decode-param-container .upgrade-loader { - width: 260px; - height: 10px; - border: 1px solid #8c8c8c; - border-radius: 10px; - overflow: hidden; - background: #fff; - margin: 20px auto; -} - -.decode-param-container .upgrade-loader-progress { - width: 0; - height: 100%; - background: #1a73e8; - border-radius: 10px; - transition: width 8s linear; -} - -@media (width < 767px) { - .decode-param-container h1 { - font-size: 23px; - line-height: 27px; - margin-bottom: 10px; - } - - .decode-param-container h2 { - font-size: 18px; - } - - .decode-param-container table { - width: 100%; - } -} \ No newline at end of file diff --git a/_src/blocks/decode-param/decode-param.js b/_src/blocks/decode-param/decode-param.js deleted file mode 100644 index a17f8ea1c..000000000 --- a/_src/blocks/decode-param/decode-param.js +++ /dev/null @@ -1,56 +0,0 @@ -const decodeUpgrade = (encoded) => { - if (!encoded) return null; - - try { - let base64 = encoded.replace(/-/g, '+').replace(/_/g, '/'); - - while (base64.length % 4) { - base64 += '='; - } - - return atob(base64); - } catch (error) { - return null; - } -}; - -const getParam = (param) => { - const params = new URLSearchParams(window.location.search); - return params.get(param); -}; - -const createLoader = () => { - const wrapper = document.createElement('div'); - wrapper.className = 'upgrade-loader'; - - const progress = document.createElement('div'); - progress.className = 'upgrade-loader-progress'; - - wrapper.append(progress); - - return wrapper; -}; - -export default function decorate(block) { - const upgrade = getParam('upgrade'); - if (!upgrade) return; - - const redirectUrl = decodeUpgrade(upgrade); - if (!redirectUrl) return; - - const loader = createLoader(); - block.append(loader); - - const progress = loader.querySelector('.upgrade-loader-progress'); - - // reset + trigger animation - progress.style.width = '0'; - setTimeout(() => { - progress.style.transition = 'width 8s linear'; - progress.style.width = '100%'; - }, 50); - - setTimeout(() => { - window.location.href = redirectUrl; - }, 8000); -}