From ba082e88cb623008f2078d7b0a71e4a0bd808eb2 Mon Sep 17 00:00:00 2001
From: Elbert Alias <77259+AliasIO@users.noreply.github.com>
Date: Fri, 24 Jul 2020 13:50:49 +1000
Subject: [PATCH] Add Apple Pay, Google Pay, Shop Pay, Visa, Master, Amex and
 Venmo detection

---
 bin/validate.js                               |   5 -
 src/apps.json                                 | 257 +++++++++---------
 .../webextension/images/icons/Amex.svg        |  37 +++
 .../webextension/images/icons/Mastercard.svg  |  12 +
 .../webextension/images/icons/Venmo.svg       |   1 +
 .../webextension/images/icons/Visa.svg        |  14 +
 6 files changed, 192 insertions(+), 134 deletions(-)
 create mode 100644 src/drivers/webextension/images/icons/Amex.svg
 create mode 100644 src/drivers/webextension/images/icons/Mastercard.svg
 create mode 100644 src/drivers/webextension/images/icons/Venmo.svg
 create mode 100644 src/drivers/webextension/images/icons/Visa.svg

diff --git a/bin/validate.js b/bin/validate.js
index 77724f73f..f28ecb17a 100755
--- a/bin/validate.js
+++ b/bin/validate.js
@@ -66,11 +66,6 @@ try {
                 throw new Error(`${error.message} (${id})`)
               }
 
-              //
-              if (/\.[+*]/.test(regex)) {
-                console.log(regex)
-              }
-
               // Count capture groups
               const groups = new RegExp(`${regex}|`).exec('').length - 1
 
diff --git a/src/apps.json b/src/apps.json
index 9b6938144..bdeb98395 100644
--- a/src/apps.json
+++ b/src/apps.json
@@ -1,67 +1,6 @@
 {
   "$schema": "../schema.json",
   "apps": {
-    "Apple Pay": {
-      "cats": [
-        41
-      ],
-      "html": [
-        "<[^>]+aria-labelledby=\"pi-apple_pay",
-        "<script id=\"apple-pay"
-      ],
-      "icon": "Apple.svg",
-      "website": "https://www.apple.com/apple-pay"
-    },
-    "Google Pay": {
-      "cats": [
-        41
-      ],
-      "html": "<[^>]+aria-labelledby=\"pi-google_pay",
-      "icon": "Google.svg",
-      "website": "https://pay.google.com"
-    },
-    "Shop Pay": {
-      "cats": [
-        41
-      ],
-      "url": "^https://pay.shopify.com",
-      "html": "<[^>]+aria-labelledby=\"pi-shopify_pay",
-      "icon": "Shopify.svg",
-      "implies": "Shopify",
-      "website": "https://pay.google.com"
-    },
-    "Venmo": {
-      "cats": [
-        41
-      ],
-      "html": "<[^>]+aria-labelledby=\"pi-venmo",
-      "icon": "Venmo.svg",
-      "website": "https://venmo.com"
-    },
-    "Visa": {
-      "cats": [
-        41
-      ],
-      "html": "<[^>]+aria-labelledby=\"pi-visa",
-      "icon": "Visa.svg",
-      "website": "https://www.visa.com"
-    },
-    "Mastercard": {
-      "cats": [
-        41
-      ],
-      "html": "<[^>]+aria-labelledby=\"pi-mastercard",
-      "icon": "Mastercard.svg",
-      "website": "https://www.mastercard.com"
-    },
-    "American Express": {
-      "cats": [
-        41
-      ],
-      "html": "<[^>]+aria-labelledby=\"pi-american_express",
-      "icon": "Amex.svg",
-      "website": "https://www.americanexpress.com"
-    },
     "1C-Bitrix": {
       "cats": [
         1,
@@ -100,6 +39,16 @@
       "script": "https\\:\\/\\/track\\.91app\\.io\\/track\\.js\\?",
       "website": "https://www.91app.com/"
     },
+    "@sulu/web": {
+      "cats": [
+        59
+      ],
+      "icon": "Sulu.svg",
+      "js": {
+        "web.startComponents": ""
+      },
+      "website": "https://github.com/sulu/web-js"
+    },
     "A-Frame": {
       "cats": [
         25
@@ -137,17 +86,6 @@
       ],
       "website": "https://www.adplan7.com/"
     },
-    "AdonisJS": {
-      "cats": [
-        18
-      ],
-      "icon": "AdonisJS.png",
-      "cookies": {
-        "cookie_name": "adonis-session"
-      },
-      "implies": "Node.js",
-      "website": "https://adonisjs.com"
-    },
     "AMP": {
       "cats": [
         12
@@ -155,7 +93,7 @@
       "html": [
         "<html[^>]* (?:amp|⚡)[^-]",
         "<link rel=\"amphtml\""
-       ],
+      ],
       "icon": "Accelerated-Mobile-Pages.svg",
       "website": "https://www.amp.dev"
     },
@@ -440,6 +378,17 @@
       "script": "(?:wh(?:utils|ver|proxy|lang|topic|msg)|ehlpdhtm)\\.js",
       "website": "http://adobe.com/products/robohelp.html"
     },
+    "AdonisJS": {
+      "cats": [
+        18
+      ],
+      "cookies": {
+        "cookie_name": "adonis-session"
+      },
+      "icon": "AdonisJS.png",
+      "implies": "Node.js",
+      "website": "https://adonisjs.com"
+    },
     "Advanced Web Stats": {
       "cats": [
         10
@@ -765,6 +714,14 @@
       "icon": "amber.png",
       "website": "https://amberframework.org"
     },
+    "American Express": {
+      "cats": [
+        41
+      ],
+      "html": "<[^>]+aria-labelledby=\"pi-american_express",
+      "icon": "Amex.svg",
+      "website": "https://www.americanexpress.com"
+    },
     "Ametys": {
       "cats": [
         1
@@ -1017,6 +974,17 @@
       "script": "adnxs\\.(?:net|com)",
       "website": "http://appnexus.com"
     },
+    "Apple Pay": {
+      "cats": [
+        41
+      ],
+      "html": [
+        "<[^>]+aria-labelledby=\"pi-apple_pay",
+        "<script id=\"apple-pay"
+      ],
+      "icon": "Apple.svg",
+      "website": "https://www.apple.com/apple-pay"
+    },
     "Arastta": {
       "cats": [
         6
@@ -2072,12 +2040,12 @@
       "headers": {
         "X-Powered-By": "centminmod"
       },
+      "icon": "centminmod.png",
       "implies": [
         "CentOS",
         "Nginx",
         "PHP"
       ],
-      "icon": "centminmod.png",
       "website": "https://centminmod.com"
     },
     "Ceres": {
@@ -2563,10 +2531,10 @@
       "cats": [
         67
       ],
-      "script": "consent\\.cookiebot\\.com",    
       "icon": "Cookiebot.svg",
+      "script": "consent\\.cookiebot\\.com",
       "website": "http://www.cookiebot.com"
-    },      
+    },
     "Coppermine": {
       "cats": [
         7
@@ -2717,10 +2685,10 @@
       "cats": [
         67
       ],
-      "script": "c\\.evidon\\.com",    
       "icon": "Crownpeak.png",
+      "script": "c\\.evidon\\.com",
       "website": "http://www.crownpeak.com"
-    },            
+    },
     "Crypto-Loot": {
       "cats": [
         56
@@ -3775,8 +3743,8 @@
         1
       ],
       "html": "<!-- Powered by FaraPy.",
-      "implies": "Python",
       "icon": "FaraPy.png",
+      "implies": "Python",
       "website": "https://faral.tech"
     },
     "Fastcommerce": {
@@ -4686,6 +4654,14 @@
       "icon": "Google PageSpeed.png",
       "website": "http://developers.google.com/speed/pagespeed/mod"
     },
+    "Google Pay": {
+      "cats": [
+        41
+      ],
+      "html": "<[^>]+aria-labelledby=\"pi-google_pay",
+      "icon": "Google.svg",
+      "website": "https://pay.google.com"
+    },
     "Google Plus": {
       "cats": [
         5
@@ -5203,7 +5179,7 @@
         6
       ],
       "cpe": "cpe:/a:ibm:websphere_commerce_suite",
-      "html": "<(?:a|link|script)[^>]*(?:href|src)=\".*(\/wcsstore\/|webapp\\/wcs)",
+      "html": "<(?:a|link|script)[^>]*(?:href|src)=\".*(/wcsstore/|webapp\\/wcs)",
       "icon": "IBM.svg",
       "implies": "Java",
       "url": "/wcs/",
@@ -5949,10 +5925,10 @@
       "js": {
         "CMS.Application": ""
       },
-      "script": "/CMSPages/GetResource\\.ashx",
       "meta": {
         "generator": "Kentico CMS ([\\d.R]+ \\(build [\\d.]+\\))\\;version:\\1"
       },
+      "script": "/CMSPages/GetResource\\.ashx",
       "website": "http://www.kentico.com"
     },
     "Kestrel": {
@@ -6802,6 +6778,14 @@
       "script": "munchkin\\.marketo\\.net/munchkin\\.js",
       "website": "https://www.marketo.com"
     },
+    "Mastercard": {
+      "cats": [
+        41
+      ],
+      "html": "<[^>]+aria-labelledby=\"pi-mastercard",
+      "icon": "Mastercard.svg",
+      "website": "https://www.mastercard.com"
+    },
     "Material Design Lite": {
       "cats": [
         66
@@ -8002,13 +7986,13 @@
       "cookies": {
         "OptanonConsent": ""
       },
+      "icon": "OneTrust.png",
       "script": [
-          "cdn\\.cookielaw\\.org", 
-          "optanon\\.blob\\.core\\.windows\\.net"
+        "cdn\\.cookielaw\\.org",
+        "optanon\\.blob\\.core\\.windows\\.net"
       ],
-      "icon": "OneTrust.png",
       "website": "http://www.onetrust.com"
-    },      
+    },
     "Onshop": {
       "cats": [
         6
@@ -9746,9 +9730,9 @@
       },
       "cpe": "cpe:/a:sap:commerce_cloud",
       "html": [
-          "<[^>]+/(?:sys_master|hybr|_ui/(?:.*responsive/)?(?:desktop|common(?:/images|/img|/css|ico)?))/",
-          "<script[^>].*hybris.*.js"
-      ],   
+        "<[^>]+/(?:sys_master|hybr|_ui/(?:.*responsive/)?(?:desktop|common(?:/images|/img|/css|ico)?))/",
+        "<script[^>].*hybris.*.js"
+      ],
       "icon": "SAP.png",
       "implies": "Java",
       "website": "https://www.sap.com/products/crm/e-commerce-platforms.html"
@@ -9913,14 +9897,14 @@
     "Salesforce Commerce Cloud": {
       "cats": [
         6
-      ],       
+      ],
       "headers": {
         "Server": "Demandware eCommerce Server"
       },
       "html": [
         "<[^>]+demandware\\.edgesuite",
         "/demandware\\.static/"
-       ],
+      ],
       "icon": "Salesforce.svg",
       "js": {
         "dwAnalytics": ""
@@ -10196,6 +10180,16 @@
       "script": "^https?://codice(?:business|ssl|pro|isp)?\\.shinystat\\.com/cgi-bin/getcod\\.cgi",
       "website": "http://shinystat.com"
     },
+    "Shop Pay": {
+      "cats": [
+        41
+      ],
+      "html": "<[^>]+aria-labelledby=\"pi-shopify_pay",
+      "icon": "Shopify.svg",
+      "implies": "Shopify",
+      "url": "^https://pay.shopify.com",
+      "website": "https://pay.google.com"
+    },
     "Shopatron": {
       "cats": [
         6
@@ -10644,6 +10638,22 @@
       },
       "website": "http://www.softtr.com"
     },
+    "SolidPixels": {
+      "cats": [
+        1,
+        6,
+        4
+      ],
+      "icon": "SolidPixels.png",
+      "implies": "React",
+      "meta": {
+        "web_author": "^solidpixels"
+      },
+      "script": [
+        "^https?://cdn\\.solidpixels\\.net/"
+      ],
+      "website": "https://www.solidpixels.net"
+    },
     "Solodev": {
       "cats": [
         1
@@ -10678,22 +10688,6 @@
       },
       "website": "https://www.solusquare.com"
     },
-    "SolidPixels": {
-      "cats": [
-        1,
-        6,
-        4
-      ],
-      "icon": "SolidPixels.png",
-      "implies": "React",
-      "meta": {
-        "web_author": "^solidpixels"
-      },
-      "script": [
-        "^https?://cdn\\.solidpixels\\.net/"
-      ],
-      "website": "https://www.solidpixels.net"
-    },
     "Solve Media": {
       "cats": [
         16,
@@ -10979,11 +10973,11 @@
       "cats": [
         41
       ],
-      "html": "<input[^>]+data-stripe",
       "cookies": {
         "__stripe_mid": "",
         "__stripe_sid": ""
       },
+      "html": "<input[^>]+data-stripe",
       "icon": "Stripe.png",
       "js": {
         "Stripe.version": "^(.+)$\\;version:\\1"
@@ -11038,16 +11032,6 @@
       "implies": "Symfony",
       "website": "http://sulu.io"
     },
-    "@sulu/web": {
-      "cats": [
-        59
-      ],
-      "js": {
-        "web.startComponents": ""
-      },
-      "icon": "Sulu.svg",
-      "website": "https://github.com/sulu/web-js"
-    },
     "SumoMe": {
       "cats": [
         5,
@@ -11229,15 +11213,6 @@
       },
       "website": "https://github.com/syntaxhighlighter"
     },
-    "Taggbox": {
-      "cats": [
-        5
-      ], 
-      "icon": "Taggbox.svg",
-      "script": "web\\.taggbox\\.com", 
-      "url": "web.taggbox.com",
-      "website": "https://taggbox.com/" 
-    },
     "T-Soft": {
       "cats": [
         6
@@ -11299,6 +11274,15 @@
       "script": "\\.tagcommander\\.com",
       "website": "https://www.commandersact.com/en/solutions/tagcommander/"
     },
+    "Taggbox": {
+      "cats": [
+        5
+      ],
+      "icon": "Taggbox.svg",
+      "script": "web\\.taggbox\\.com",
+      "url": "web.taggbox.com",
+      "website": "https://taggbox.com/"
+    },
     "Taiga": {
       "cats": [
         13
@@ -11671,10 +11655,10 @@
       "cats": [
         67
       ],
-      "script": "consent\\.trustarc\\.com",    
       "icon": "TrustArc.svg",
+      "script": "consent\\.trustarc\\.com",
       "website": "http://trustarc.com"
-    },      
+    },
     "Tumblr": {
       "cats": [
         11
@@ -12057,6 +12041,14 @@
       "icon": "Varnish.svg",
       "website": "http://www.varnish-cache.org"
     },
+    "Venmo": {
+      "cats": [
+        41
+      ],
+      "html": "<[^>]+aria-labelledby=\"pi-venmo",
+      "icon": "Venmo.svg",
+      "website": "https://venmo.com"
+    },
     "Veoxa": {
       "cats": [
         36
@@ -12174,6 +12166,14 @@
       "url": "/sparql",
       "website": "https://virtuoso.openlinksw.com/"
     },
+    "Visa": {
+      "cats": [
+        41
+      ],
+      "html": "<[^>]+aria-labelledby=\"pi-visa",
+      "icon": "Visa.svg",
+      "website": "https://www.visa.com"
+    },
     "Visual Website Optimizer": {
       "cats": [
         10
@@ -14918,6 +14918,5 @@
       "name": "Cookie compliance",
       "priority": 9
     }
-      
   }
 }
\ No newline at end of file
diff --git a/src/drivers/webextension/images/icons/Amex.svg b/src/drivers/webextension/images/icons/Amex.svg
new file mode 100644
index 000000000..fb04310ac
--- /dev/null
+++ b/src/drivers/webextension/images/icons/Amex.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="1000" height="997.51703" id="svg2" version="1.1" inkscape:version="0.91 r13725" sodipodi:docname="American_Express_2018.svg">
+  <defs id="defs4"/>
+  <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.125" inkscape:cx="850.2929" inkscape:cy="357.59411" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="true" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" inkscape:window-width="1680" inkscape:window-height="931" inkscape:window-x="0" inkscape:window-y="1" inkscape:window-maximized="1">
+    <inkscape:grid type="xygrid" id="grid2996" empspacing="5" visible="true" enabled="true" snapvisiblegridlinesonly="true" originx="-55.5px" originy="947.50002px"/>
+  </sodipodi:namedview>
+  <metadata id="metadata7">
+    <rdf:RDF>
+      <cc:Work rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+        <dc:title/>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(-55.5,-1002.3452)">
+    <path sodipodi:nodetypes="ccccccccccc" inkscape:connector-curvature="0" id="path3078" d="m 55.5,1002.3454 997.5168,0 0,538.4893 -49.3744,77.1475 49.3744,68.6613 0,313.2187 -997.5168,0 0,-507.6304 L 86.358989,1456.744 55.5,1422.7991 Z" style="fill:#016fd0;fill-opacity:1;stroke:none"/>
+    <path sodipodi:nodetypes="cccccccccccccccccccc" inkscape:connector-curvature="0" id="path3082" d="m 249.14015,1697.4441 0,-156.6094 165.82027,0 17.79072,23.1924 18.37901,-23.1924 601.88665,0 0,145.8088 c 0,0 -15.7404,10.644 -33.9449,10.8006 l -333.27706,0 -20.05834,-24.6872 0,24.6872 -65.72965,0 0,-42.1418 c 0,0 -8.97877,5.8825 -28.39026,5.8825 l -22.37277,0 0,36.2593 -99.52024,0 -17.7653,-23.6898 -18.03807,23.6898 z" style="fill:#ffffff;stroke:none"/>
+    <path sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccc" inkscape:connector-curvature="0" id="path3080" d="m 55.5,1422.7991 37.393125,-87.1766 64.667505,0 21.22103,48.8328 0,-48.8328 80.38767,0 12.63289,35.2949 12.24716,-35.2949 360.8573,0 0,17.7439 c 0,0 18.96995,-17.7439 50.14586,-17.7439 l 117.08499,0.4092 20.85469,48.1937 0,-48.6029 67.27259,0 18.5154,27.6834 0,-27.6834 67.88977,0 0,156.6093 -67.88977,0 -17.74392,-27.7731 0,27.7731 -98.83835,0 -9.93959,-24.6872 -26.57108,0 -9.77781,24.6872 -67.02872,0 c -26.82589,0 -43.97406,-17.3816 -43.97406,-17.3816 l 0,17.3816 -101.06318,0 -20.05835,-24.6872 0,24.6872 -375.80462,0 -9.93274,-24.6872 -26.48635,0 -9.86254,24.6872 -46.1989,0 z" style="fill:#ffffff;stroke:none"/>
+    <path id="path3046" d="m 106.12803,1354.9291 -50.435161,117.2641 32.835892,0 9.305914,-23.4816 54.099665,0 9.2577,23.4816 33.55915,0 -50.38695,-117.2641 -38.23621,0 z m 18.66004,27.2909 16.49028,41.0329 -33.02877,0 16.53849,-41.0329 z" style="fill:#016fd0;fill-opacity:1;stroke:none" inkscape:connector-curvature="0"/>
+    <path sodipodi:nodetypes="cccccccccccccc" inkscape:connector-curvature="0" id="path3048" d="m 198.22282,1472.1735 0,-117.2642 46.66163,0.1733 27.13999,75.6045 26.4901,-75.7778 46.28848,0 0,117.2642 -29.31604,0 0,-86.4052 -31.07562,86.4052 -25.71023,0 -31.16227,-86.4052 0,86.4052 z" style="fill:#016fd0;fill-opacity:1;stroke:none"/>
+    <path sodipodi:nodetypes="ccccccccccccc" inkscape:connector-curvature="0" id="path3050" d="m 364.86136,1472.1735 0,-117.2642 95.66287,0 0,26.2302 -66.03824,0 0,20.0583 64.49529,0 0,24.6872 -64.49529,0 0,20.8298 66.03824,0 0,25.4587 z" style="fill:#016fd0;fill-opacity:1;stroke:none"/>
+    <path id="path3052" d="m 477.49667,1354.9291 0,117.2641 29.31604,0 0,-41.6596 12.34359,0 35.15032,41.6596 35.82536,0 -38.57374,-43.2025 c 15.8309,-1.3359 32.16085,-14.9233 32.16085,-36.0182 0,-24.6765 -19.36827,-38.0434 -40.98459,-38.0434 l -65.23783,0 z m 29.31604,26.2301 33.51093,0 c 8.03881,0 13.88655,6.2882 13.88655,12.3436 0,7.7905 -7.57673,12.3436 -13.45259,12.3436 l -33.94489,0 0,-24.6872 z" style="fill:#016fd0;fill-opacity:1;stroke:none" inkscape:connector-curvature="0"/>
+    <path sodipodi:nodetypes="ccccc" inkscape:connector-curvature="0" id="path3054" d="m 625.61982,1472.1735 -29.93322,0 0,-117.2642 29.93322,0 z" style="fill:#016fd0;fill-opacity:1;stroke:none"/>
+    <path sodipodi:nodetypes="ccccccccccc" inkscape:connector-curvature="0" id="path3056" d="m 696.59549,1472.1735 -6.4611,0 c -31.26172,0 -50.24229,-24.6292 -50.24229,-58.1499 0,-34.3488 18.76806,-59.1143 58.24634,-59.1143 l 32.40194,0 0,27.7731 -33.58657,0 c -16.026,0 -27.35994,12.5067 -27.35994,31.6305 0,22.7096 12.95987,32.2476 31.63047,32.2476 l 7.71474,0 z" style="fill:#016fd0;fill-opacity:1;stroke:none"/>
+    <path inkscape:connector-curvature="0" style="fill:#016fd0;fill-opacity:1;stroke:none" d="m 760.3868,1354.9291 -50.43515,117.2641 32.83589,0 9.30591,-23.4816 54.09967,0 9.25769,23.4816 33.55915,0 -50.38694,-117.2641 -38.23622,0 z m 18.66005,27.2909 16.49027,41.0329 -33.02876,0 16.53849,-41.0329 z" id="path3058"/>
+    <path sodipodi:nodetypes="ccccccccccc" inkscape:connector-curvature="0" id="path3060" d="m 852.43338,1472.1735 0,-117.2642 37.27187,0 47.59035,73.6759 0,-73.6759 29.31604,0 0,117.2642 -36.06644,0 -48.79578,-75.6045 0,75.6045 z" style="fill:#016fd0;fill-opacity:1;stroke:none"/>
+    <path style="fill:#016fd0;fill-opacity:1;stroke:none" d="m 269.1985,1677.3858 0,-117.2642 95.66286,0 0,26.2302 -66.03823,0 0,20.0583 64.49528,0 0,24.6872 -64.49528,0 0,20.8298 66.03823,0 0,25.4587 z" id="path3062" inkscape:connector-curvature="0" sodipodi:nodetypes="ccccccccccccc"/>
+    <path sodipodi:nodetypes="ccccccccccccc" inkscape:connector-curvature="0" id="path3064" d="m 737.94653,1677.3858 0,-117.2642 95.66287,0 0,26.2302 -66.03824,0 0,20.0583 64.1867,0 0,24.6872 -64.1867,0 0,20.8298 66.03824,0 0,25.4587 z" style="fill:#016fd0;fill-opacity:1;stroke:none"/>
+    <path sodipodi:nodetypes="ccccccccccccc" inkscape:connector-curvature="0" id="path3066" d="m 368.57408,1677.3858 46.57779,-57.9089 -47.68678,-59.3553 36.93435,0 28.39991,36.6932 28.49635,-36.6932 35.48784,0 -47.05996,58.6321 46.66353,58.6321 -36.92851,0 -27.57537,-36.1148 -26.90518,36.1148 z" style="fill:#016fd0;fill-opacity:1;stroke:none"/>
+    <path style="fill:#016fd0;fill-opacity:1;stroke:none" d="m 499.86944,1560.1414 0,117.2641 30.08751,0 0,-37.0308 30.85899,0 c 26.11107,0 45.90274,-13.8524 45.90274,-40.7917 0,-22.3164 -15.52271,-39.4416 -42.09358,-39.4416 l -64.75566,0 z m 30.08751,26.5194 32.49837,0 c 8.43546,0 14.46515,5.1701 14.46515,13.5008 0,7.8262 -5.99925,13.5008 -14.56158,13.5008 l -32.40194,0 0,-27.0016 z" id="path3068" inkscape:connector-curvature="0"/>
+    <path inkscape:connector-curvature="0" style="fill:#016fd0;fill-opacity:1;stroke:none" d="m 619.44802,1560.1216 0,117.2642 29.31604,0 0,-41.6597 12.34359,0 35.15032,41.6597 35.82536,0 -38.57374,-43.2026 c 15.83089,-1.3361 32.16085,-14.9233 32.16085,-36.0183 0,-24.6764 -19.36827,-38.0433 -40.98459,-38.0433 l -65.23783,0 z m 29.31604,26.2302 33.51093,0 c 8.03881,0 13.88654,6.2881 13.88654,12.3435 0,7.7906 -7.57673,12.3436 -13.45259,12.3436 l -33.94488,0 0,-24.6871 z" id="path3072"/>
+    <path sodipodi:nodetypes="ccccccccccccccccc" inkscape:connector-curvature="0" id="path3074" d="m 847.18735,1677.3858 0,-25.4587 58.67066,0 c 8.68115,0 12.44003,-4.6912 12.44003,-9.8363 0,-4.9296 -3.74703,-9.9134 -12.44003,-9.9134 l -26.5126,0 c -23.04571,0 -35.88042,-14.0409 -35.88042,-35.1214 0,-18.8023 11.75348,-36.9344 45.99918,-36.9344 l 57.08913,0 -12.3436,26.3844 -49.37438,0 c -9.43821,0 -12.3436,4.9526 -12.3436,9.6821 0,4.8612 3.59036,10.222 10.80065,10.222 l 27.77309,0 c 25.69029,0 36.83792,14.5724 36.83792,33.6556 0,20.5163 -12.42212,37.3201 -38.23646,37.3201 z" style="fill:#016fd0;fill-opacity:1;stroke:none"/>
+    <path style="fill:#016fd0;fill-opacity:1;stroke:none" d="m 954.78398,1677.3858 0,-25.4587 58.67062,0 c 8.6812,0 12.4401,-4.6912 12.4401,-9.8363 0,-4.9296 -3.7471,-9.9134 -12.4401,-9.9134 l -26.51256,0 c -23.04571,0 -35.88043,-14.0409 -35.88043,-35.1214 0,-18.8023 11.75348,-36.9344 45.99918,-36.9344 l 57.08911,0 -12.3436,26.3844 -49.37436,0 c -9.4382,0 -12.34359,4.9526 -12.34359,9.6821 0,4.8612 3.59035,10.222 10.80064,10.222 l 27.77311,0 c 25.6903,0 36.8379,14.5724 36.8379,33.6556 0,20.5163 -12.4221,37.3201 -38.2365,37.3201 z" id="path3076" inkscape:connector-curvature="0" sodipodi:nodetypes="ccccccccccccccccc"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/drivers/webextension/images/icons/Mastercard.svg b/src/drivers/webextension/images/icons/Mastercard.svg
new file mode 100644
index 000000000..70ca0964b
--- /dev/null
+++ b/src/drivers/webextension/images/icons/Mastercard.svg
@@ -0,0 +1,12 @@
+<svg width="1001" height="1001" viewBox="0 0 1001 1001" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M635.199 257.095H364.81V742.936H635.199V257.095Z" fill="#FF5F00"/>
+<path d="M381.977 500.015C381.977 401.302 428.33 313.748 499.575 257.095C447.214 215.893 381.119 191 309.015 191C138.199 191 0 329.199 0 500.015C0 670.832 138.199 809.031 309.015 809.031C381.119 809.031 447.214 784.138 499.575 742.936C428.33 687.142 381.977 598.729 381.977 500.015Z" fill="#EB001B"/>
+<path d="M1000.01 500.015C1000.01 670.832 861.81 809.031 690.993 809.031C618.889 809.031 552.794 784.138 500.433 742.936C572.537 686.283 618.031 598.729 618.031 500.015C618.031 401.302 571.679 313.748 500.433 257.095C552.794 215.893 618.889 191 690.993 191C861.81 191 1000.01 330.057 1000.01 500.015Z" fill="#F79E1B"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="1000.01" height="1000.01" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/drivers/webextension/images/icons/Venmo.svg b/src/drivers/webextension/images/icons/Venmo.svg
new file mode 100644
index 000000000..b976e6510
--- /dev/null
+++ b/src/drivers/webextension/images/icons/Venmo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1333.33 1333.33" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><g fill-rule="nonzero"><path d="M157.62 0h1018.09c87.04 0 157.62 70.58 157.62 157.62v1018.09c0 87.04-70.58 157.62-157.62 157.62H157.62C70.58 1333.33 0 1262.74 0 1175.7V157.62C0 70.58 70.59 0 157.63 0z" fill="#3396cd"/><path d="M995.24 271.32c28.68 47.29 41.55 96.05 41.55 157.62 0 196.38-167.62 451.42-303.67 630.49H422.45L297.88 314.34 570 288.5l66.17 530.15c61.5-100.31 137.55-257.93 137.55-365.32 0-58.84-10.08-98.84-25.84-131.78l247.36-50.23z" fill="#fff"/></g></svg>
\ No newline at end of file
diff --git a/src/drivers/webextension/images/icons/Visa.svg b/src/drivers/webextension/images/icons/Visa.svg
new file mode 100644
index 000000000..22f76beef
--- /dev/null
+++ b/src/drivers/webextension/images/icons/Visa.svg
@@ -0,0 +1,14 @@
+<svg width="750" height="750" viewBox="0 0 750 750" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M710 -108H40C17.9086 -108 0 -58.4947 0 2.57324V1083.43C0 1144.49 17.9086 1194 40 1194H710C732.091 1194 750 1144.49 750 1083.43V2.57324C750 -58.4947 732.091 -108 710 -108Z" fill="#0E4595"/>
+<path d="M278 473.763L311.36 278.003H364.72L331.33 473.763H278Z" fill="white"/>
+<path d="M524.11 282.223C508.779 276.674 492.584 273.891 476.28 274.003C423.56 274.003 386.42 300.553 386.1 338.603C385.81 366.733 412.62 382.423 432.86 391.783C453.63 401.383 460.61 407.503 460.51 416.073C460.38 429.193 443.93 435.183 428.59 435.183C407.23 435.183 395.89 432.183 378.36 424.913L371.49 421.803L364 465.623C376.46 471.083 399.51 475.823 423.44 476.063C479.52 476.063 515.94 449.823 516.35 409.183C516.55 386.913 502.35 369.973 471.55 355.993C452.9 346.943 441.48 340.903 441.6 331.733C441.6 323.593 451.27 314.893 472.16 314.893C485.847 314.587 499.447 317.141 512.09 322.393L516.87 324.653L524.11 282.223Z" fill="white"/>
+<path d="M661.41 278.003H620.18C607.41 278.003 597.85 281.483 592.24 294.233L513 473.633H569C569 473.633 578.16 449.513 580.23 444.213C586.36 444.213 640.79 444.303 648.57 444.303C650.16 451.153 655.06 473.633 655.06 473.633H704.6L661.41 278.003ZM596 404.403C600.41 393.123 617.26 349.683 617.26 349.683C616.94 350.203 621.64 338.353 624.33 331.003L627.94 347.873C627.94 347.873 638.16 394.603 640.29 404.403H596Z" fill="white"/>
+<path d="M45.68 277.993L45 282.073C64.7017 286.712 83.6819 294.005 101.42 303.753L148.8 473.453L205.26 473.383L289.26 277.993H232.7L180.46 411.533L174.9 384.403C174.64 383.573 174.36 382.743 174.07 381.913L155.91 294.533C152.68 282.143 143.31 278.443 131.72 278.003L45.68 277.993Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="750" height="750" fill="white"/>
+</clipPath>
+</defs>
+</svg>