From b8d12c1672b120ed3aa43d2a7be7361791e19473 Mon Sep 17 00:00:00 2001
From: Ahmed <ahmed.el.azzabi@automattic.com>
Date: Thu, 23 Jan 2025 08:50:24 +0100
Subject: [PATCH] Fix incorrect payment method logos used on WooPayment
 Settings (#10213)

---
 assets/images/payment-methods/bancontact.svg | 64 +++++---------------
 assets/images/payment-methods/ideal.svg      | 11 ++--
 changelog/fix-pms-logos                      |  4 ++
 3 files changed, 23 insertions(+), 56 deletions(-)
 create mode 100644 changelog/fix-pms-logos

diff --git a/assets/images/payment-methods/bancontact.svg b/assets/images/payment-methods/bancontact.svg
index 5f490fd6d5f..4c2cf84e5ae 100644
--- a/assets/images/payment-methods/bancontact.svg
+++ b/assets/images/payment-methods/bancontact.svg
@@ -1,50 +1,16 @@
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    id="logo"
-    viewBox="0 0 758.356 567.439"
->
-    <defs>
-        <linearGradient
-            id="Bancontact_blauw_rgb"
-            x1="178.27"
-            x2="362.51"
-            y1="283.799"
-            y2="215.368"
-            gradient-units="userSpaceOnUse"
-        >
-            <stop offset="0" stop-color="#005ab9"></stop>
-            <stop offset="1" stop-color="#1e3764"></stop>
-        </linearGradient>
-        <linearGradient
-            id="Bancontact_geel_rgb"
-            x1="394.428"
-            x2="590.053"
-            y1="237.305"
-            y2="170.562"
-            gradient-units="userSpaceOnUse"
-        >
-            <stop offset="0" stop-color="#fba900"></stop>
-            <stop offset="1" stop-color="#ffd800"></stop>
-        </linearGradient>
-    </defs>
-    <path
-        id="rounded_white_background"
-        fill="#fff"
-        d="M93.855 72.758H664.5a21.096 21.096 0 0 1 21.096 21.097v379.73a21.096 21.096 0 0 1-21.096 21.096H93.855a21.096 21.096 0 0 1-21.097-21.096V93.855a21.096 21.096 0 0 1 21.097-21.097"
-    ></path>
-    <path
-        id="Bancontact"
-        fill="#1e3764"
-        d="M127.328 438.865v-72.758h22.451c16.32 0 26.817 6.132 26.817 18.813 0 7.172-3.326 12.161-8.003 15.071 6.756 3.118 10.705 9.147 10.705 17.358 0 14.656-10.705 21.516-27.336 21.516Zm14.448-42.512h10.706c6.548 0 9.355-3.222 9.355-9.146 0-6.341-5.094-8.42-11.954-8.42h-8.107Zm0 29.831h8.939c8.73 0 13.824-2.183 13.824-9.042 0-6.756-4.365-9.563-12.577-9.563h-10.186Zm65.54 13.928c-14.24 0-21.412-6.963-21.412-16.318 0-10.29 8.42-16.32 20.893-16.423a65 65 0 0 1 9.25.832v-2.495c0-6.34-3.638-9.355-10.602-9.355a36.5 36.5 0 0 0-13.72 2.495l-2.598-11.225c4.47-1.872 11.641-3.119 17.981-3.119 15.28 0 22.867 8.108 22.867 22.14v28.895c-4.261 2.183-12.265 4.573-22.659 4.573m8.731-11.745v-11.122a35 35 0 0 0-7.38-.831c-4.78 0-8.523 1.87-8.523 6.756 0 4.366 3.119 6.652 8.627 6.652a16.3 16.3 0 0 0 7.276-1.455m24.027 10.498v-49.788a63.5 63.5 0 0 1 23.49-4.573c15.176 0 23.907 7.484 23.907 21.308v33.053h-14.344v-32.014c0-7.172-3.326-10.498-9.667-10.498a21.8 21.8 0 0 0-9.146 1.871v40.641Zm97.524-51.242-2.703 11.329a31.7 31.7 0 0 0-11.745-2.599c-8.42 0-12.993 5.925-12.993 15.696 0 10.705 4.781 16.214 13.72 16.214a29.4 29.4 0 0 0 11.538-2.702l2.286 11.537a35 35 0 0 1-14.967 3.014c-17.254 0-27.233-10.705-27.233-27.648 0-16.838 9.875-27.96 26.402-27.96a40.1 40.1 0 0 1 15.695 3.119m30.987 52.49c-16.007 0-25.985-11.122-25.985-27.857 0-16.63 9.978-27.752 25.985-27.752 16.11 0 25.881 11.122 25.881 27.752 0 16.735-9.77 27.856-25.881 27.856m0-11.85c7.38 0 11.225-6.132 11.225-16.007 0-9.77-3.845-15.903-11.225-15.903-7.276 0-11.33 6.133-11.33 15.903 0 9.875 4.054 16.007 11.33 16.007m34.182 10.602v-49.788a63.5 63.5 0 0 1 23.49-4.573c15.175 0 23.907 7.484 23.907 21.308v33.053H435.82v-32.014c0-7.172-3.327-10.498-9.667-10.498a21.8 21.8 0 0 0-9.147 1.871v40.641Zm79.745 1.247c-12.369 0-18.71-6.756-18.71-20.476v-22.451h-7.067v-11.434h7.068v-11.537l14.344-.728v12.265h11.537v11.434h-11.537v22.243c0 6.029 2.494 8.835 7.172 8.835a25.2 25.2 0 0 0 5.508-.623l.728 11.537a39.7 39.7 0 0 1-9.043.935m36.205 0c-14.24 0-21.412-6.963-21.412-16.318 0-10.29 8.42-16.32 20.892-16.423a65 65 0 0 1 9.25.832v-2.495c0-6.34-3.637-9.355-10.601-9.355a36.5 36.5 0 0 0-13.72 2.495l-2.599-11.225c4.47-1.872 11.642-3.119 17.982-3.119 15.28 0 22.867 8.108 22.867 22.14v28.895c-4.262 2.183-12.265 4.573-22.659 4.573m8.73-11.745v-11.122a35 35 0 0 0-7.379-.831c-4.781 0-8.523 1.87-8.523 6.756 0 4.366 3.118 6.652 8.627 6.652a16.3 16.3 0 0 0 7.276-1.455m63.004-40.744-2.702 11.329a31.7 31.7 0 0 0-11.745-2.599c-8.42 0-12.993 5.925-12.993 15.696 0 10.705 4.781 16.214 13.72 16.214a29.4 29.4 0 0 0 11.537-2.702l2.287 11.537a35 35 0 0 1-14.967 3.014c-17.254 0-27.233-10.705-27.233-27.648 0-16.838 9.875-27.96 26.401-27.96a40.1 40.1 0 0 1 15.695 3.119m31.537 52.49c-12.37 0-18.71-6.757-18.71-20.477v-22.451h-7.068v-11.434h7.068v-11.537l14.344-.728v12.265h11.538v11.434h-11.538v22.243c0 6.029 2.495 8.835 7.172 8.835a25.2 25.2 0 0 0 5.509-.623l.728 11.537a39.7 39.7 0 0 1-9.043.935"
-    ></path>
-    <path
-        id="blue-symbol"
-        fill="url(#Bancontact_blauw_rgb)"
-        d="M227.38 329.728c75.9 0 113.85-50.6 151.8-101.2H127.327v101.2Z"
-    ></path>
-    <path
-        id="yellow-symbol"
-        fill="url(#Bancontact_geel_rgb)"
-        d="M530.98 127.327c-75.9 0-113.85 50.6-151.8 101.2h251.85v-101.2Z"
-    ></path>
+<svg width="64" height="40" viewBox="0 0 64 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="64" height="40" fill="white"/>
+<path d="M11 32.9V27H12.87C14.23 27 15.11 27.5 15.11 28.53C15.11 29.11 14.83 29.51 14.44 29.75C15 30 15.34 30.49 15.34 31.15C15.34 32.35 14.44 32.9 13.05 32.9H11ZM12.2 29.45H13.1C13.64 29.45 13.88 29.19 13.88 28.71C13.88 28.2 13.45 28.03 12.88 28.03H12.2V29.45ZM12.2 31.87H12.95C13.68 31.87 14.1 31.69 14.1 31.14C14.1 30.59 13.74 30.36 13.05 30.36H12.2V31.87ZM17.67 33C16.48 33 15.88 32.43 15.88 31.68C15.88 30.84 16.58 30.35 17.63 30.35C17.88 30.35 18.14 30.37 18.4 30.41V30.21C18.4 29.7 18.1 29.45 17.51 29.45C17.12 29.45 16.73 29.52 16.37 29.65L16.15 28.75C16.6311 28.5768 17.1387 28.4889 17.65 28.49C18.93 28.49 19.55 29.15 19.55 30.29V32.63C19.2 32.81 18.54 33 17.67 33ZM18.4 32.05V31.15C18.2 31.1 17.99 31.08 17.78 31.08C17.38 31.08 17.08 31.23 17.08 31.63C17.08 31.98 17.33 32.17 17.79 32.17C18 32.17 18.21 32.13 18.39 32.05H18.4ZM20.4 32.9V28.86C21.0249 28.6167 21.6894 28.4913 22.36 28.49C23.63 28.49 24.36 29.09 24.36 30.22V32.9H23.16V30.3C23.16 29.72 22.88 29.45 22.36 29.45C22.09 29.45 21.83 29.5 21.59 29.6V32.9H20.4ZM28.53 28.74L28.31 29.66C27.9986 29.5329 27.6663 29.465 27.33 29.46C26.63 29.46 26.24 29.93 26.24 30.72C26.24 31.59 26.64 32.04 27.39 32.04C27.72 32.03 28.05 31.96 28.35 31.82L28.55 32.76C28.15 32.92 27.72 33.01 27.29 33C25.85 33 25.02 32.13 25.02 30.76C25.02 29.39 25.85 28.49 27.22 28.49C27.67 28.49 28.12 28.58 28.53 28.74ZM31.12 33C29.78 33 28.95 32.1 28.95 30.74C28.95 29.39 29.78 28.49 31.12 28.49C32.46 28.49 33.27 29.39 33.27 30.74C33.27 32.1 32.46 33 31.12 33ZM31.12 32.04C31.73 32.04 32.05 31.54 32.05 30.74C32.05 29.94 31.73 29.45 31.12 29.45C30.51 29.45 30.17 29.95 30.17 30.75C30.17 31.55 30.51 32.04 31.12 32.04ZM33.97 32.9V28.86C34.5948 28.6165 35.2594 28.491 35.93 28.49C37.19 28.49 37.92 29.09 37.92 30.22V32.9H36.72V30.3C36.72 29.72 36.45 29.45 35.92 29.45C35.65 29.45 35.39 29.5 35.15 29.6V32.9H33.97ZM40.62 33C39.58 33 39.06 32.45 39.06 31.34V29.52H38.46V28.59H39.06V27.66L40.26 27.6V28.6H41.21V29.52H40.25V31.32C40.25 31.82 40.46 32.04 40.85 32.04C41 32.04 41.15 32.02 41.31 31.99L41.37 32.92C41.12 32.98 40.87 33 40.62 33ZM43.64 33C42.44 33 41.85 32.43 41.85 31.68C41.85 30.84 42.55 30.35 43.59 30.35C43.85 30.35 44.11 30.37 44.36 30.41V30.21C44.36 29.7 44.06 29.45 43.48 29.45C43.08 29.45 42.7 29.52 42.34 29.65L42.12 28.75C42.6011 28.5768 43.1087 28.4889 43.62 28.49C44.89 28.49 45.52 29.15 45.52 30.29V32.63C45.17 32.81 44.5 33 43.63 33H43.64ZM44.36 32.05V31.15C44.16 31.1 43.96 31.08 43.75 31.08C43.35 31.08 43.04 31.23 43.04 31.63C43.04 31.98 43.3 32.17 43.76 32.17C43.96 32.17 44.17 32.13 44.36 32.05ZM49.62 28.75L49.39 29.66C49.0786 29.5329 48.7463 29.465 48.41 29.46C47.71 29.46 47.33 29.93 47.33 30.72C47.33 31.59 47.73 32.04 48.47 32.04C48.81 32.03 49.13 31.96 49.43 31.82L49.63 32.76C49.23 32.92 48.81 33.01 48.38 33C46.94 33 46.11 32.13 46.11 30.76C46.11 29.39 46.93 28.49 48.31 28.49C48.76 28.49 49.21 28.58 49.61 28.74L49.62 28.75ZM52.25 33C51.21 33 50.69 32.45 50.69 31.34V29.52H50.09V28.59H50.69V27.66L51.89 27.6V28.6H52.84V29.52H51.88V31.32C51.88 31.82 52.09 32.04 52.48 32.04C52.63 32.04 52.78 32.02 52.94 31.99L53 32.92C52.75 32.98 52.5 33 52.25 33Z" fill="#1E3764"/>
+<path d="M19.34 24C25.67 24 28.84 19.5 32 15H11V24H19.34Z" fill="url(#paint0_linear_1_28)"/>
+<path d="M44.66 7C38.33 7 35.16 11 32 15H53V7H44.66Z" fill="url(#paint1_linear_1_28)"/>
+<defs>
+<linearGradient id="paint0_linear_1_28" x1="15.25" y1="19.92" x2="30.84" y2="14.49" gradientUnits="userSpaceOnUse">
+<stop stop-color="#005AB9"/>
+<stop offset="1" stop-color="#1E3764"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1_28" x1="33.27" y1="15.69" x2="49.39" y2="9.89" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FBA900"/>
+<stop offset="1" stop-color="#FFD800"/>
+</linearGradient>
+</defs>
 </svg>
\ No newline at end of file
diff --git a/assets/images/payment-methods/ideal.svg b/assets/images/payment-methods/ideal.svg
index d7110cc8167..3b8e35ed046 100644
--- a/assets/images/payment-methods/ideal.svg
+++ b/assets/images/payment-methods/ideal.svg
@@ -1,10 +1,6 @@
-<svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="20"
-    height="18"
-    fill="none"
-    viewBox="-2 -2 24 22"
->
+<svg width="64" height="40" viewBox="0 0 64 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="64" height="40" fill="white"/>
+<g transform="translate(18, 7) scale(1.4)">
     <g clipPath="url(#clip0_10440_1654)">
         <path
             fill="#fff"
@@ -32,4 +28,5 @@
             <path fill="#fff" d="M0 0h19.979v17.61H0z"></path>
         </clipPath>
     </defs>
+</g>
 </svg>
\ No newline at end of file
diff --git a/changelog/fix-pms-logos b/changelog/fix-pms-logos
new file mode 100644
index 00000000000..82ad2fe01d8
--- /dev/null
+++ b/changelog/fix-pms-logos
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix incorrect payment method logos used on WooPayment Settings