From d7d3749f6cd0c8621cda46f2cdf5a9c31f63ade5 Mon Sep 17 00:00:00 2001
From: Nigel Baillie <metreckk@gmail.com>
Date: Mon, 31 Oct 2022 18:43:14 +0900
Subject: [PATCH 1/3] request dynamic credit card icon from komoju

---
 assets/cards.svg                              | 250 ------------------
 .../class-wc-gateway-komoju-single-slug.php   |   8 +-
 2 files changed, 5 insertions(+), 253 deletions(-)
 delete mode 100644 assets/cards.svg

diff --git a/assets/cards.svg b/assets/cards.svg
deleted file mode 100644
index 36b856b..0000000
--- a/assets/cards.svg
+++ /dev/null
@@ -1,250 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   width="49.92038mm"
-   height="6.4888725mm"
-   viewBox="0 0 49.92038 6.4888725"
-   version="1.1"
-   id="svg5"
-   xml:space="preserve"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
-     id="namedview7"
-     pagecolor="#505050"
-     bordercolor="#eeeeee"
-     borderopacity="1"
-     inkscape:showpageshadow="0"
-     inkscape:pageopacity="0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#505050"
-     inkscape:document-units="mm"
-     showgrid="false" /><defs
-     id="defs2" /><g
-     inkscape:label="Layer 1"
-     inkscape:groupmode="layer"
-     id="layer1"
-     transform="translate(-16.711253,-37.79901)"><g
-       id="g2187"
-       transform="matrix(0.0118299,0,0,0.0118299,47.036984,38.016521)"><path
-         d="m 40,0.001 h 700 c 22.092,0 40,17.909 40,40 v 420 c 0,22.092 -17.908,40 -40,40 H 40 c -22.091,0 -40,-17.908 -40,-40 v -420 c 0,-22.091 17.909,-40 40,-40 z"
-         fill="#2557d6"
-         id="path2175" /><path
-         d="m 0.253,235.69 h 37.441 l 8.442,-19.51 h 18.9 l 8.42,19.51 h 73.668 v -14.915 l 6.576,14.98 h 38.243 l 6.576,-15.202 v 15.138 h 183.08 l -0.085,-32.026 h 3.542 c 2.479,0.083 3.204,0.302 3.204,4.226 v 27.8 h 94.689 v -7.455 c 7.639,3.92 19.518,7.455 35.148,7.455 h 39.836 l 8.525,-19.51 h 18.9 l 8.337,19.51 h 76.765 v -18.532 l 11.626,18.532 h 61.515 v -122.51 h -60.88 v 14.468 l -8.522,-14.468 h -62.471 v 14.468 L 603.9,113.181 h -84.38 c -14.123,0 -26.539,1.889 -36.569,7.153 v -7.153 h -58.229 v 7.153 c -6.383,-5.426 -15.079,-7.153 -24.75,-7.153 h -212.74 l -14.274,31.641 -14.659,-31.641 H 91.294 v 14.468 L 83.932,113.181 H 26.787 L 0.248,171.427 v 64.261 h 0.003 z m 236.34,-17.67 h -22.464 l -0.083,-68.794 -31.775,68.793 h -19.24 l -31.858,-68.854 v 68.854 h -44.57 l -8.42,-19.592 H 32.556 l -8.505,19.592 H 0.25 L 39.491,130.182 H 72.05 l 37.269,83.164 v -83.164 h 35.766 l 28.678,59.587 26.344,-59.587 h 36.485 z M 70.693,180.197 55.695,145.18 40.78,180.197 Z m 255.3,37.821 H 252.79 v -87.837 h 73.203 v 18.291 h -51.289 v 15.833 h 50.06 v 18.005 h -50.061 v 17.542 h 51.289 z m 103.16,-64.18 c 0,14.004 -9.755,21.24 -15.439,23.412 4.794,1.748 8.891,4.838 10.84,7.397 3.094,4.369 3.628,8.271 3.628,16.116 v 17.255 h -22.104 l -0.083,-11.077 c 0,-5.285 0.528,-12.886 -3.458,-17.112 -3.202,-3.09 -8.083,-3.76 -15.973,-3.76 h -23.523 v 31.95 h -21.914 v -87.838 h 50.401 c 11.199,0 19.451,0.283 26.535,4.207 6.933,3.924 11.09,9.652 11.09,19.45 z m -27.699,13.042 c -3.013,1.752 -6.573,1.81 -10.841,1.81 h -26.62 v -19.51 h 26.982 c 3.818,0 7.804,0.164 10.393,1.584 2.842,1.28 4.601,4.003 4.601,7.765 0,3.84 -1.674,6.929 -4.515,8.351 z m 62.844,51.138 H 441.94 v -87.837 h 22.358 z m 259.56,0 H 692.805 L 651.27,152.091 v 65.927 h -44.628 l -8.527,-19.592 h -45.521 l -8.271,19.592 h -25.648 c -10.649,0 -24.138,-2.257 -31.773,-9.715 -7.701,-7.458 -11.708,-17.56 -11.708,-33.533 0,-13.027 2.395,-24.936 11.812,-34.347 7.085,-7.01 18.18,-10.242 33.28,-10.242 h 21.215 v 18.821 H 520.73 c -7.997,0 -12.514,1.14 -16.862,5.203 -3.735,3.699 -6.298,10.69 -6.298,19.897 0,9.41 1.951,16.196 6.023,20.628 3.373,3.476 9.506,4.53 15.272,4.53 h 9.842 l 30.884,-69.076 h 32.835 l 37.102,83.081 v -83.08 h 33.366 l 38.519,61.174 v -61.174 h 22.445 z m -133.2,-37.82 -15.165,-35.017 -15.081,35.017 z m 189.04,178.08 c -5.322,7.457 -15.694,11.238 -29.736,11.238 h -42.319 v -18.84 h 42.147 c 4.181,0 7.106,-0.527 8.868,-2.175 1.665,-1.474 2.605,-3.554 2.591,-5.729 0,-2.561 -1.064,-4.593 -2.677,-5.811 -1.59,-1.342 -3.904,-1.95 -7.722,-1.95 -20.574,-0.67 -46.244,0.608 -46.244,-27.194 0,-12.742 8.443,-26.156 31.439,-26.156 h 43.649 v -17.479 h -40.557 c -12.237,0 -21.129,2.81 -27.425,7.174 v -7.175 h -59.985 c -9.595,0 -20.854,2.279 -26.179,7.175 v -7.175 h -107.12 v 7.175 c -8.524,-5.892 -22.908,-7.175 -29.549,-7.175 h -70.656 v 7.175 c -6.745,-6.258 -21.742,-7.175 -30.886,-7.175 H 308.26 l -18.094,18.764 -16.949,-18.764 h -118.13 v 122.59 h 115.9 l 18.646,-19.062 17.565,19.062 71.442,0.061 v -28.838 h 7.021 c 9.479,0.14 20.66,-0.228 30.523,-4.312 v 33.085 h 58.928 v -31.952 h 2.842 c 3.628,0 3.985,0.144 3.985,3.615 v 28.333 h 179.01 c 11.364,0 23.244,-2.786 29.824,-7.845 v 7.845 h 56.78 c 11.815,0 23.354,-1.587 32.134,-5.649 l 0.002,-22.84 z m -354.94,-47.155 c 0,24.406 -19.005,29.445 -38.159,29.445 h -27.343 v 29.469 h -42.591 l -26.984,-29.086 -28.042,29.086 h -86.802 v -87.859 h 88.135 l 26.961,28.799 27.875,-28.799 h 70.021 c 17.389,0 36.929,4.613 36.929,28.945 z m -174.22,40.434 H 196.66 v -17.48 h 48.11 v -17.926 h -48.11 v -15.974 h 54.939 l 23.969,25.604 z m 86.81,10.06 -33.644,-35.789 33.644,-34.65 z m 49.757,-39.066 h -28.318 v -22.374 h 28.572 c 7.912,0 13.404,3.09 13.404,10.772 0,7.599 -5.238,11.602 -13.658,11.602 z m 148.36,-40.373 h 73.138 v 18.17 h -51.315 v 15.973 h 50.062 v 17.926 h -50.062 v 17.48 l 51.314,0.08 v 18.23 h -73.139 z m -28.119,47.029 c 4.878,1.725 8.865,4.816 10.734,7.375 3.095,4.291 3.542,8.294 3.631,16.037 v 17.418 h -22.002 v -10.992 c 0,-5.286 0.531,-13.112 -3.542,-17.198 -3.201,-3.147 -8.083,-3.899 -16.076,-3.899 h -23.42 v 32.09 h -22.02 v -87.859 h 50.594 c 11.093,0 19.173,0.47 26.366,4.146 6.915,4.004 11.266,9.487 11.266,19.511 -10e-4,14.022 -9.764,21.178 -15.531,23.371 z M 494.961,318.1 c -2.932,1.667 -6.556,1.811 -10.818,1.811 h -26.622 v -19.732 h 26.982 c 3.902,0 7.807,0.08 10.458,1.587 2.84,1.423 4.538,4.146 4.538,7.903 0,3.758 -1.699,6.786 -4.538,8.431 z m 197.82,5.597 c 4.27,4.229 6.554,9.571 6.554,18.613 0,18.9 -12.322,27.723 -34.425,27.723 h -42.68 v -18.84 h 42.51 c 4.157,0 7.104,-0.525 8.95,-2.175 1.508,-1.358 2.589,-3.333 2.589,-5.729 0,-2.561 -1.17,-4.592 -2.675,-5.811 -1.675,-1.34 -3.986,-1.949 -7.803,-1.949 -20.493,-0.67 -46.157,0.609 -46.157,-27.192 0,-12.744 8.355,-26.158 31.33,-26.158 h 43.932 v 18.7 h -40.198 c -3.984,0 -6.575,0.145 -8.779,1.587 -2.4,1.422 -3.29,3.534 -3.29,6.319 0,3.314 2.037,5.57 4.795,6.546 2.311,0.77 4.795,0.995 8.526,0.995 l 11.797,0.306 c 11.895,0.276 20.061,2.248 25.024,7.065 z m 86.955,-23.52 h -39.938 c -3.986,0 -6.638,0.144 -8.867,1.587 -2.312,1.423 -3.202,3.534 -3.202,6.322 0,3.314 1.951,5.568 4.791,6.544 2.312,0.771 4.795,0.996 8.444,0.996 l 11.878,0.304 c 11.983,0.284 19.982,2.258 24.86,7.072 0.891,0.67 1.422,1.422 2.033,2.175 v -25 z"
-         fill="#ffffff"
-         id="path2177" /></g><g
-       id="g2933"
-       transform="matrix(0.26458333,0,0,0.26458333,56.577464,37.799008)"><path
-         opacity="0.07"
-         enable-background="new"
-         d="M 35,0 H 3 C 1.3,0 0,1.3 0,3 v 18 c 0,1.7 1.4,3 3,3 h 32 c 1.7,0 3,-1.3 3,-3 V 3 C 38,1.3 36.6,0 35,0 Z"
-         id="path2915" /><path
-         fill="#ffffff"
-         d="m 35,1 c 1.1,0 2,0.9 2,2 v 18 c 0,1.1 -0.9,2 -2,2 H 3 C 1.9,23 1,22.1 1,21 V 3 C 1,1.9 1.9,1 3,1 h 32"
-         id="path2917" /><g
-         fill="#3086c8"
-         id="g2921"><path
-           d="m 12,12 v 3.7 C 12,16 11.8,16 11.5,15.9 9.6,15.1 8.5,12.6 9.2,10.5 9.6,9.4 10.4,8.5 11.5,8.1 11.9,7.9 12,8 12,8.3 Z m 2,0 V 8.3 C 14,8 14,8 14.3,8.1 c 2.1,0.8 3.2,3.3 2.4,5.4 -0.4,1.1 -1.2,2 -2.3,2.4 C 14,16.1 14,16 14,15.7 Z M 21.2,5 H 13 c 3.8,0 6.8,3.1 6.8,7 0,3.9 -3,7 -6.8,7 h 8.2 C 25,19 28,15.9 28,12 28,8.1 25,5 21.2,5 Z"
-           id="path2919" /></g></g><g
-       vector-effect="non-scaling-stroke"
-       id="g3735"
-       transform="matrix(0.26458333,0,0,0.26458333,41.961326,41.112882)"><g
-         id="Xp4Vh7i-f6idTjfvyrlnN"><path
-           style="opacity:0.07;fill:#000000;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
-           vector-effect="non-scaling-stroke"
-           transform="translate(-19,-12)"
-           d="M 35,0 H 3 C 1.3,0 0,1.3 0,3 v 18 c 0,1.7 1.4,3 3,3 h 32 c 1.7,0 3,-1.3 3,-3 V 3 C 38,1.3 36.6,0 35,0 Z"
-           stroke-linecap="round"
-           id="path3661" /></g><g
-         id="uIfIiOda4mL7L2AD51_tA"><path
-           style="opacity:1;fill:#ffffff;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
-           vector-effect="non-scaling-stroke"
-           transform="translate(-19,-12)"
-           d="m 35,1 c 1.1,0 2,0.9 2,2 v 18 c 0,1.1 -0.9,2 -2,2 H 3 C 1.9,23 1,22.1 1,21 V 3 C 1,1.9 1.9,1 3,1 h 32"
-           stroke-linecap="round"
-           id="path3664" /></g><g
-         transform="scale(0.09)"
-         id="1s2iKon_b1F7CRcm298h4"><g
-           vector-effect="non-scaling-stroke"
-           id="g3732"><g
-             transform="scale(1.82)"
-             id="znWXJhevi2VZuzATCgA7c"><path
-               style="opacity:1;fill:#ffffff;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
-               vector-effect="non-scaling-stroke"
-               transform="translate(-92.2,-70.7)"
-               d="m 174,108.3 c 0,14 -11.4,25.4 -25.4,25.4 H 10.4 V 33.1 C 10.4,19.1 21.8,7.7 35.8,7.7 H 174 Z"
-               stroke-linecap="round"
-               id="path3667" /></g><g
-             transform="matrix(1.82,0,0,1.82,81.15,12.75)"
-             id="KKLWb_tdZMJnhHtnBf05P"><linearGradient
-               id="SVGID_17"
-               gradientUnits="userSpaceOnUse"
-               gradientTransform="matrix(1.13,0,0,1.13,-11.98,-13.86)"
-               x1="117.3856"
-               y1="81.398598"
-               x2="157.3299"
-               y2="81.398598"><stop
-                 offset="0%"
-                 style="stop-color:rgb(0,121,64);stop-opacity: 1"
-                 id="stop3670" /><stop
-                 offset="22.85%"
-                 style="stop-color:rgb(0,135,63);stop-opacity: 1"
-                 id="stop3672" /><stop
-                 offset="74.33%"
-                 style="stop-color:rgb(64,167,55);stop-opacity: 1"
-                 id="stop3674" /><stop
-                 offset="100%"
-                 style="stop-color:rgb(92,181,49);stop-opacity: 1"
-                 id="stop3676" /></linearGradient><path
-               style="opacity:1;fill:url(#SVGID_17);fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
-               vector-effect="non-scaling-stroke"
-               transform="translate(-136.75,-77.7)"
-               d="m 129,82.5 h 10.5 c 0.3,0 1,-0.1 1.3,-0.1 2,-0.4 3.7,-2.2 3.7,-4.7 0,-2.4 -1.7,-4.2 -3.7,-4.7 -0.3,-0.1 -0.9,-0.1 -1.3,-0.1 H 129 Z"
-               stroke-linecap="round"
-               id="path3679" /></g><g
-             transform="matrix(1.82,0,0,1.82,91.53,0.09)"
-             id="XbMEFrboT6mSSJap-vSC8"><linearGradient
-               id="SVGID_18"
-               gradientUnits="userSpaceOnUse"
-               gradientTransform="matrix(1.13,0,0,1.13,-11.98,-13.86)"
-               x1="117.3844"
-               y1="75.171402"
-               x2="157.3318"
-               y2="75.171402"><stop
-                 offset="0%"
-                 style="stop-color:rgb(0,121,64);stop-opacity: 1"
-                 id="stop3682" /><stop
-                 offset="22.85%"
-                 style="stop-color:rgb(0,135,63);stop-opacity: 1"
-                 id="stop3684" /><stop
-                 offset="74.33%"
-                 style="stop-color:rgb(64,167,55);stop-opacity: 1"
-                 id="stop3686" /><stop
-                 offset="100%"
-                 style="stop-color:rgb(92,181,49);stop-opacity: 1"
-                 id="stop3688" /></linearGradient><path
-               style="opacity:1;fill:url(#SVGID_18);fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
-               vector-effect="non-scaling-stroke"
-               transform="translate(-142.45,-70.75)"
-               d="m 138.3,16.2 c -10,0 -18.2,8.1 -18.2,18.2 v 18.9 h 25.7 c 0.6,0 1.3,0 1.8,0.1 5.8,0.3 10.1,3.3 10.1,8.5 0,4.1 -2.9,7.6 -8.3,8.3 v 0.2 c 5.9,0.4 10.4,3.7 10.4,8.8 0,5.5 -5,9.1 -11.6,9.1 H 120 v 37 h 26.7 c 10,0 18.2,-8.1 18.2,-18.2 V 16.2 Z"
-               stroke-linecap="round"
-               id="path3691" /></g><g
-             transform="matrix(1.82,0,0,1.82,79.96,-13.84)"
-             id="dRu34eTh2r4s65-5DCT9F"><linearGradient
-               id="SVGID_19"
-               gradientUnits="userSpaceOnUse"
-               gradientTransform="matrix(1.13,0,0,1.13,-11.98,-13.86)"
-               x1="117.3846"
-               y1="68.399101"
-               x2="157.33051"
-               y2="68.399101"><stop
-                 offset="0%"
-                 style="stop-color:rgb(0,121,64);stop-opacity: 1"
-                 id="stop3694" /><stop
-                 offset="22.85%"
-                 style="stop-color:rgb(0,135,63);stop-opacity: 1"
-                 id="stop3696" /><stop
-                 offset="74.33%"
-                 style="stop-color:rgb(64,167,55);stop-opacity: 1"
-                 id="stop3698" /><stop
-                 offset="100%"
-                 style="stop-color:rgb(92,181,49);stop-opacity: 1"
-                 id="stop3700" /></linearGradient><path
-               style="opacity:1;fill:url(#SVGID_19);fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
-               vector-effect="non-scaling-stroke"
-               transform="translate(-136.1,-63.1)"
-               d="m 143.2,63.1 c 0,-2.4 -1.7,-4 -3.7,-4.3 -0.2,0 -0.7,-0.1 -1,-0.1 H 129 v 8.8 h 9.5 c 0.3,0 0.9,0 1,-0.1 2,-0.3 3.7,-1.9 3.7,-4.3 z"
-               stroke-linecap="round"
-               id="path3703" /></g><g
-             transform="matrix(1.82,0,0,1.82,-91.71,0)"
-             id="MrtP2LbjnMoysYqtSQEdd"><linearGradient
-               id="SVGID_20"
-               gradientUnits="userSpaceOnUse"
-               gradientTransform="matrix(1.13,0,0,1.13,-11.98,-13.86)"
-               x1="27.9594"
-               y1="75.171402"
-               x2="68.522102"
-               y2="75.171402"><stop
-                 offset="0%"
-                 style="stop-color:rgb(31,40,111);stop-opacity: 1"
-                 id="stop3706" /><stop
-                 offset="47.510000000000005%"
-                 style="stop-color:rgb(0,78,148);stop-opacity: 1"
-                 id="stop3708" /><stop
-                 offset="82.61%"
-                 style="stop-color:rgb(0,102,177);stop-opacity: 1"
-                 id="stop3710" /><stop
-                 offset="100%"
-                 style="stop-color:rgb(0,111,188);stop-opacity: 1"
-                 id="stop3712" /></linearGradient><path
-               style="opacity:1;fill:url(#SVGID_20);fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
-               vector-effect="non-scaling-stroke"
-               transform="translate(-41.85,-70.7)"
-               d="m 37.7,16.2 c -10,0 -18.2,8.1 -18.2,18.2 v 44.9 c 5.1,2.5 10.4,4.1 15.7,4.1 6.3,0 9.7,-3.8 9.7,-9 V 53.2 h 15.6 v 21.1 c 0,8.2 -5.1,14.9 -22.4,14.9 -10.5,0 -18.7,-2.3 -18.7,-2.3 v 38.3 h 26.7 c 10,0 18.2,-8.1 18.2,-18.2 V 16.2 Z"
-               stroke-linecap="round"
-               id="path3715" /></g><g
-             transform="matrix(1.82,0,0,1.82,0.09,0.18)"
-             id="CKn4VuWOzyGb3Nb2g_qly"><linearGradient
-               id="SVGID_21"
-               gradientUnits="userSpaceOnUse"
-               gradientTransform="matrix(1.13,0,0,1.13,-11.98,-13.86)"
-               x1="72.459503"
-               y1="75.171402"
-               x2="111.8553"
-               y2="75.171402"><stop
-                 offset="0%"
-                 style="stop-color:rgb(108,44,47);stop-opacity: 1"
-                 id="stop3718" /><stop
-                 offset="17.349999999999998%"
-                 style="stop-color:rgb(136,39,48);stop-opacity: 1"
-                 id="stop3720" /><stop
-                 offset="57.31%"
-                 style="stop-color:rgb(190,24,51);stop-opacity: 1"
-                 id="stop3722" /><stop
-                 offset="85.85000000000001%"
-                 style="stop-color:rgb(220,4,54);stop-opacity: 1"
-                 id="stop3724" /><stop
-                 offset="100%"
-                 style="stop-color:rgb(230,0,57);stop-opacity: 1"
-                 id="stop3726" /></linearGradient><path
-               style="opacity:1;fill:url(#SVGID_21);fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0"
-               vector-effect="non-scaling-stroke"
-               transform="translate(-92.25,-70.8)"
-               d="m 88,16.2 c -10,0 -18.2,8.1 -18.2,18.2 v 23.8 c 4.6,-3.9 12.6,-6.4 25.5,-5.8 6.9,0.3 14.3,2.2 14.3,2.2 v 7.7 c -3.7,-1.9 -8.1,-3.6 -13.8,-4 -9.8,-0.7 -15.7,4.1 -15.7,12.5 0,8.5 5.9,13.3 15.7,12.5 5.7,-0.4 10.1,-2.2 13.8,-4 V 87 c 0,0 -7.3,1.9 -14.3,2.2 -12.9,0.6 -20.9,-1.9 -25.5,-5.8 v 42 h 26.7 c 10,0 18.2,-8.1 18.2,-18.2 v -91 z"
-               stroke-linecap="round"
-               id="path3729" /></g></g></g></g><g
-       id="g4581"
-       transform="matrix(0.26458333,0,0,0.26458333,26.776406,37.937882)"><path
-         opacity="0.07"
-         enable-background="new"
-         d="M 35,0 H 3 C 1.3,0 0,1.3 0,3 v 18 c 0,1.7 1.4,3 3,3 h 32 c 1.7,0 3,-1.3 3,-3 V 3 C 38,1.3 36.6,0 35,0 Z"
-         id="path4560" /><path
-         fill="#ffffff"
-         d="m 35,1 c 1.1,0 2,0.9 2,2 v 18 c 0,1.1 -0.9,2 -2,2 H 3 C 1.9,23 1,22.1 1,21 V 3 C 1,1.9 1.9,1 3,1 h 32"
-         id="path4562" /><circle
-         fill="#eb001b"
-         cx="15"
-         cy="12"
-         r="7"
-         id="circle4564" /><circle
-         fill="#f79e1b"
-         cx="23"
-         cy="12"
-         r="7"
-         id="circle4566" /><path
-         fill="#ff5f00"
-         d="M 22,12 C 22,9.6 20.8,7.5 19,6.3 17.2,7.6 16,9.7 16,12 c 0,2.3 1.2,4.5 3,5.7 1.8,-1.2 3,-3.3 3,-5.7 z"
-         id="path4568" /></g><g
-       id="g5324"
-       transform="matrix(0.0125427,0,0,0.0125427,16.711253,37.977207)"><path
-         d="m 40,0 h 700 c 22.092,0 40,17.909 40,40 v 420 c 0,22.092 -17.908,40 -40,40 H 40 C 17.909,500 0,482.092 0,460 V 40 C 0,17.909 17.909,0 40,0 Z"
-         fill="#0e4595"
-         id="path5309" /><path
-         d="m 293.2,348.73 33.361,-195.76 h 53.36 L 346.536,348.73 Z M 539.31,157.19 c -10.57,-3.966 -27.137,-8.222 -47.822,-8.222 -52.725,0 -89.865,26.55 -90.18,64.603 -0.299,28.13 26.514,43.822 46.752,53.186 20.771,9.595 27.752,15.714 27.654,24.283 -0.131,13.121 -16.586,19.116 -31.922,19.116 -21.357,0 -32.703,-2.967 -50.227,-10.276 l -6.876,-3.11 -7.489,43.823 c 12.463,5.464 35.51,10.198 59.438,10.443 56.09,0 92.5,-26.246 92.916,-66.882 0.199,-22.269 -14.016,-39.216 -44.801,-53.188 -18.65,-9.055 -30.072,-15.099 -29.951,-24.268 0,-8.137 9.668,-16.839 30.557,-16.839 17.449,-0.27 30.09,3.535 39.938,7.5 l 4.781,2.26 7.232,-42.429 m 137.31,-4.223 h -41.232 c -12.773,0 -22.332,3.487 -27.941,16.234 l -79.244,179.4 h 56.031 c 0,0 9.16,-24.123 11.232,-29.418 6.125,0 60.555,0.084 68.338,0.084 1.596,6.853 6.49,29.334 6.49,29.334 h 49.514 L 676.62,152.961 Z m -65.418,126.41 c 4.412,-11.279 21.26,-54.723 21.26,-54.723 -0.316,0.522 4.379,-11.334 7.074,-18.684 l 3.605,16.879 c 0,0 10.219,46.729 12.354,56.528 z m -363.3,-126.41 -52.24,133.5 -5.567,-27.13 C 180.37,228.064 150.07,194.182 116.197,177.219 l 47.766,171.2 56.456,-0.064 84.004,-195.39 h -56.521"
-         fill="#ffffff"
-         id="path5311" /><path
-         d="M 146.92,152.96 H 60.879 l -0.681,4.073 c 66.938,16.204 111.23,55.363 129.62,102.41 l -18.71,-89.96 c -3.23,-12.395 -12.597,-16.094 -24.186,-16.527"
-         fill="#f2ae14"
-         id="path5313" /></g></g></svg>
diff --git a/includes/class-wc-gateway-komoju-single-slug.php b/includes/class-wc-gateway-komoju-single-slug.php
index 3f78cc4..29f18ed 100644
--- a/includes/class-wc-gateway-komoju-single-slug.php
+++ b/includes/class-wc-gateway-komoju-single-slug.php
@@ -22,10 +22,12 @@ public function __construct($payment_method)
         $this->method_title   = __('Komoju', 'komoju-woocommerce') . ' - ' . $this->default_title();
 
         if ($this->get_option('showIcon') == 'yes') {
+            $this->icon = "https://komoju.com/payment_methods/$slug.svg";
+
             if ($slug == 'credit_card') {
-                $this->icon = plugins_url('komoju-woocommerce/assets/cards.svg');
-            } else {
-                $this->icon = "https://komoju.com/payment_methods/$slug.svg";
+                // Show dynamic icon with supported brands.
+                $brands = implode(',', $payment_method['subtypes']);
+                $this->icon .= "?brands=$brands";
             }
         }
 

From ce557a56c6f9d781b2735959a46c8e86a0d975e9 Mon Sep 17 00:00:00 2001
From: Nigel Baillie <metreckk@gmail.com>
Date: Tue, 1 Nov 2022 10:27:11 +0900
Subject: [PATCH 2/3] Sort brands

---
 .../class-wc-gateway-komoju-single-slug.php    | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/includes/class-wc-gateway-komoju-single-slug.php b/includes/class-wc-gateway-komoju-single-slug.php
index 29f18ed..19b3756 100644
--- a/includes/class-wc-gateway-komoju-single-slug.php
+++ b/includes/class-wc-gateway-komoju-single-slug.php
@@ -26,7 +26,23 @@ public function __construct($payment_method)
 
             if ($slug == 'credit_card') {
                 // Show dynamic icon with supported brands.
-                $brands = implode(',', $payment_method['subtypes']);
+                $brands = $payment_method['subtypes'];
+
+                $sort_order = [
+                    'visa' => 0,
+                    'master' => 1,
+                    'jcb' => 2,
+                    'american_express' => 3,
+                    'diners_club' => 4,
+                    'discover' => 5
+                ];
+
+                // Sort by the order defined above.
+                usort($brands, function ($a, $b) use ($sort_order) {
+                    return $sort_order[$a] - $sort_order[$b];
+                });
+
+                $brands = implode(',', $brands);
                 $this->icon .= "?brands=$brands";
             }
         }

From 6185c0bcb2cedbf57f5085a0e261c240a9945b4a Mon Sep 17 00:00:00 2001
From: Nigel Baillie <metreckk@gmail.com>
Date: Tue, 1 Nov 2022 11:03:19 +0900
Subject: [PATCH 3/3] lint fix

---
 includes/class-wc-gateway-komoju-single-slug.php | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/includes/class-wc-gateway-komoju-single-slug.php b/includes/class-wc-gateway-komoju-single-slug.php
index 19b3756..141787d 100644
--- a/includes/class-wc-gateway-komoju-single-slug.php
+++ b/includes/class-wc-gateway-komoju-single-slug.php
@@ -29,12 +29,12 @@ public function __construct($payment_method)
                 $brands = $payment_method['subtypes'];
 
                 $sort_order = [
-                    'visa' => 0,
-                    'master' => 1,
-                    'jcb' => 2,
+                    'visa'             => 0,
+                    'master'           => 1,
+                    'jcb'              => 2,
                     'american_express' => 3,
-                    'diners_club' => 4,
-                    'discover' => 5
+                    'diners_club'      => 4,
+                    'discover'         => 5,
                 ];
 
                 // Sort by the order defined above.