credit cards icons selection added (#3527)

web/satellite/.env.example

@@ -1,2 +0,0 @@
-VUE_APP_SEGMENTID="segment id"
-VUE_APP_STRIPE_PUBLIC_KEY=pk_test

web/satellite/src/components/account/billing/CardComponent.vue

@@ -4,11 +4,9 @@
 <template>
     <div class="payment-methods-container__card-container">
         <div class="payment-methods-container__card-container__info-area">
-            <svg width="52" height="35" viewBox="0 0 52 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <div class="payment-methods-container__card-container__info-area__card-logo">
-                <path d="M31.1174 7.97095H20.1162V27.7581H31.1174V7.97095Z" fill="#FF5F00"/>
+                <component :is="cardIcon"></component>
-                <path d="M20.8148 17.8645C20.8148 13.8442 22.7007 10.2783 25.5994 7.97095C23.4691 6.29289 20.7799 5.27905 17.8462 5.27905C10.8963 5.27905 5.27344 10.9076 5.27344 17.8645C5.27344 24.8215 10.8963 30.45 17.8462 30.45C20.7799 30.45 23.4691 29.4362 25.5994 27.7581C22.7007 25.4858 20.8148 21.8849 20.8148 17.8645Z" fill="#EB001B"/>
+            </div>
-                <path d="M45.9603 17.8645C45.9603 24.8215 40.3375 30.45 33.3875 30.45C30.4539 30.45 27.7647 29.4362 25.6343 27.7581C28.5679 25.4508 30.4189 21.8849 30.4189 17.8645C30.4189 13.8442 28.533 10.2783 25.6343 7.97095C27.7647 6.29289 30.4539 5.27905 33.3875 5.27905C40.3375 5.27905 45.9603 10.9425 45.9603 17.8645Z" fill="#F79E1B"/>
-            </svg>
             <div class="payment-methods-container__card-container__info-area__info-container">
                 <h1 class="bold">**** **** **** {{creditCard.last4}}</h1>
             </div>
@@ -42,6 +40,15 @@ import { Component, Prop, Vue } from 'vue-property-decorator';
 
 import CardDialog from '@/components/account/billing/CardDialog.vue';
 
+import AmericanExpressIcon from '@/../static/images/payments/cardIcons/americanexpress.svg';
+import DefaultIcon from '@/../static/images/payments/cardIcons/default.svg';
+import DinersIcon from '@/../static/images/payments/cardIcons/dinersclub.svg';
+import DiscoverIcon from '@/../static/images/payments/cardIcons/discover.svg';
+import JCBIcon from '@/../static/images/payments/cardIcons/jcb.svg';
+import MastercardIcon from '@/../static/images/payments/cardIcons/mastercard.svg';
+import UnionPayIcon from '@/../static/images/payments/cardIcons/unionpay.svg';
+import VisaIcon from '@/../static/images/payments/cardIcons/visa.svg';
+
 import { PAYMENTS_ACTIONS } from '@/store/modules/payments';
 import { CreditCard } from '@/types/payments';
 
@@ -52,12 +59,41 @@ const {
 @Component({
     components: {
         CardDialog,
+        JCBIcon,
+        DinersIcon,
+        MastercardIcon,
+        AmericanExpressIcon,
+        DiscoverIcon,
+        UnionPayIcon,
+        VisaIcon,
+        DefaultIcon,
     },
 })
 export default class CardComponent extends Vue {
     @Prop({default: () => new CreditCard()})
     private readonly creditCard: CreditCard;
 
+    public get cardIcon() {
+        switch (this.creditCard.brand) {
+            case 'jcb':
+                return JCBIcon;
+            case 'diners':
+                return DinersIcon;
+            case 'mastercard':
+                return MastercardIcon;
+            case 'amex':
+                return AmericanExpressIcon;
+            case 'discover':
+                return DiscoverIcon;
+            case 'unionpay':
+                return UnionPayIcon;
+            case 'visa':
+                return VisaIcon;
+            default:
+                return DefaultIcon;
+        }
+    }
+
     public toggleSelection(): void {
         this.$store.dispatch(TOGGLE_CARD_SELECTION, this.creditCard.id);
     }
@@ -99,6 +135,9 @@ export default class CardComponent extends Vue {
             justify-content: flex-start;
 
             &__card-logo {
+                display: flex;
+                align-items: center;
+                justify-content: center;
                 height: 70px;
                 width: 85px;
             }

web/satellite/static/images/payments/cardIcons/americanexpress.svg

@@ -0,0 +1,8 @@
+<svg width="49" height="15" viewBox="0 0 49 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M27.5199 0C26.9564 0 26.499 0.457355 26.499 1.02084V13.2706C26.499 13.8341 26.9564 14.2914 27.5199 14.2914C28.0854 14.2914 28.5407 13.8341 28.5407 13.2706V1.02084C28.5407 0.457355 28.0834 0 27.5199 0Z" fill="#006FCF"/>
+    <path d="M34.7083 4.08334H31.6458C31.0824 4.08334 30.625 4.5407 30.625 5.10419C30.625 5.66768 31.0824 6.12503 31.6458 6.12503H34.7083C35.2718 6.12503 35.7291 5.66768 35.7291 5.10419C35.7291 4.5407 35.2718 4.08334 34.7083 4.08334Z" fill="#006FCF"/>
+    <path d="M34.7083 8.16669H31.6458C31.0824 8.16669 30.625 8.62404 30.625 9.18753C30.625 9.75102 31.0824 10.2084 31.6458 10.2084H34.7083C35.2718 10.2084 35.7291 9.75102 35.7291 9.18753C35.7291 8.62404 35.2718 8.16669 34.7083 8.16669Z" fill="#006FCF"/>
+    <path d="M9.42471 5.1327C8.9531 5.02245 8.48761 5.24495 8.27525 5.66968L7.2544 7.71128C7.09515 8.02565 7.11152 8.40339 7.29727 8.70351C7.48514 9.00363 7.81377 9.18737 8.16701 9.18737H9.18785C9.75134 9.18737 10.2087 8.73002 10.2087 8.16653V6.12493C10.2087 5.6513 9.88408 5.23883 9.42471 5.1327Z" fill="#006FCF"/>
+    <path d="M37.4727 6.42303L35.4311 4.38144C35.1391 4.08946 34.7002 4.00371 34.3184 4.16095C33.9366 4.31818 33.6875 4.6918 33.6875 5.10418V9.18744C33.6875 9.59982 33.9366 9.97343 34.3184 10.1307C34.4429 10.1838 34.5776 10.2083 34.7083 10.2083C34.9737 10.2083 35.2351 10.1042 35.4311 9.90817L37.4727 7.86658C37.8708 7.46827 37.8708 6.82114 37.4727 6.42303Z" fill="#006FCF"/>
+    <path d="M44.2039 7.14574L48.7628 1.67422C49.018 1.36999 49.071 0.945362 48.9036 0.58811C48.7342 0.228752 48.3749 0.00012207 47.9788 0.00012207H42.8748C42.6033 0.00012207 42.3439 0.108361 42.152 0.298232L39.8123 2.63793L37.4726 0.298232C37.2807 0.108361 37.0214 0.00012207 36.7499 0.00012207H23.4365C23.0772 0.00012207 22.7444 0.189994 22.5607 0.496237L20.3741 4.14255L18.1875 0.496237C18.0017 0.187984 17.671 0.00012207 17.3116 0.00012207H7.14637C6.75849 0.00012207 6.40727 0.218607 6.23376 0.56562L0.108892 12.8154C-0.0503547 13.1297 -0.0339898 13.5075 0.151766 13.8076C0.339627 14.1077 0.668265 14.2915 1.0215 14.2915H6.12553C6.51139 14.2915 6.86463 14.073 7.03813 13.728L7.77513 12.2499H8.16712V13.2707C8.16712 13.8342 8.62447 14.2916 9.18796 14.2916H17.3544C17.8485 14.2916 18.2609 13.9404 18.3548 13.4728L18.4834 13.7281C18.6569 14.0731 19.0102 14.2916 19.396 14.2916H21.4376C21.8235 14.2916 22.1767 14.0731 22.3502 13.7281L22.4788 13.4728C22.5727 13.9403 22.9852 14.2916 23.4792 14.2916H36.7498C37.0213 14.2916 37.2806 14.1833 37.4725 13.9914L39.8122 11.6517L42.1519 13.9934C42.3438 14.1833 42.6032 14.2916 42.8747 14.2916H47.9787C48.3748 14.2916 48.7341 14.0629 48.9035 13.7036C49.0709 13.3463 49.0179 12.9216 48.7627 12.6175L44.2039 7.14574ZM43.2974 12.2498L40.5351 9.48545C40.1369 9.08733 39.4897 9.08733 39.0916 9.48545L36.3273 12.2498H24.5001V9.18733C24.5001 8.71371 24.1755 8.30124 23.7162 8.1931C23.2466 8.08486 22.7791 8.30535 22.5667 8.73008L20.8089 12.2499H20.0269L18.269 8.73008C18.0567 8.30746 17.5892 8.08496 17.1196 8.1931C16.6582 8.30134 16.3336 8.71371 16.3336 9.18733V12.2498H10.2087V11.2289C10.2087 10.6654 9.75135 10.2081 9.18787 10.2081H7.14637C6.75849 10.2081 6.40727 10.4266 6.23175 10.7716L5.49476 12.2497H2.6711L7.77513 2.04152H12.2504V9.18724C12.2504 9.75073 12.7078 10.2081 13.2712 10.2081C13.8347 10.2081 14.2921 9.75073 14.2921 9.18724V2.04152H16.7339L19.5003 6.64743C19.8658 7.26192 20.8784 7.26192 21.25 6.64743L24.0144 2.03951H36.3254L39.0897 4.80384C39.4878 5.20196 40.135 5.20196 40.5331 4.80384L43.2975 2.03951H45.8005L42.093 6.49029C41.7765 6.87003 41.7765 7.41926 42.093 7.799L45.8005 12.2498H43.2974V12.2498Z" fill="#006FCF"/>
+</svg>

web/satellite/static/images/payments/cardIcons/default.svg

@@ -0,0 +1,9 @@
+<svg width="70" height="46" viewBox="0 0 70 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M64.3202 45.7708L5.75658 46C2.60965 46 0.0767544 43.4784 0.0767544 40.4219L0 5.88372C0 2.75083 2.53289 0.229236 5.60307 0.229236L64.1667 0C67.3136 0 69.8465 2.52159 69.8465 5.57807L70 40.1927C69.9232 43.2492 67.4671 45.7708 64.3202 45.7708Z" fill="#949DAA"/>
+    <path d="M6 24C6 22.8954 6.89543 22 8 22H62C63.1046 22 64 22.8954 64 24V24C64 25.1046 63.1046 26 62 26H8C6.89543 26 6 25.1046 6 24V24Z" fill="#F5F9FF"/>
+    <path d="M62 34.5C62 34.2239 62.2239 34 62.5 34H63.5C63.7761 34 64 34.2239 64 34.5V37.5C64 37.7761 63.7761 38 63.5 38H62.5C62.2239 38 62 37.7761 62 37.5V34.5Z" fill="#F5F9FF"/>
+    <path d="M59 34.5C59 34.2239 59.2239 34 59.5 34H60.5C60.7761 34 61 34.2239 61 34.5V37.5C61 37.7761 60.7761 38 60.5 38H59.5C59.2239 38 59 37.7761 59 37.5V34.5Z" fill="#F5F9FF"/>
+    <path d="M56 34.5C56 34.2239 56.2239 34 56.5 34H57.5C57.7761 34 58 34.2239 58 34.5V37.5C58 37.7761 57.7761 38 57.5 38H56.5C56.2239 38 56 37.7761 56 37.5V34.5Z" fill="#F5F9FF"/>
+    <path d="M53 34.5C53 34.2239 53.2239 34 53.5 34H54.5C54.7761 34 55 34.2239 55 34.5V37.5C55 37.7761 54.7761 38 54.5 38H53.5C53.2239 38 53 37.7761 53 37.5V34.5Z" fill="#F5F9FF"/>
+    <rect x="6" y="8" width="12" height="7" rx="1" fill="#F5F9FF"/>
+</svg>

web/satellite/static/images/payments/cardIcons/dinersclub.svg

@@ -0,0 +1,6 @@
+<svg width="68" height="54" viewBox="0 0 68 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M39.8367 53.8724C54.5608 53.9428 68 41.8643 68 27.1703C68 11.1015 54.5608 -0.00535781 39.8367 -1.33309e-05H27.1649C12.2645 -0.00535781 0 11.1049 0 27.1703C0 41.8675 12.2645 53.9429 27.1649 53.8724H39.8367Z" fill="#0079BE"/>
+    <path d="M27.2252 2.22652C13.6096 2.23079 2.57645 13.2671 2.57324 26.8882C2.57645 40.5069 13.6095 51.5422 27.2252 51.5465C40.844 51.5422 51.8794 40.5069 51.8813 26.8882C51.8793 13.2671 40.844 2.23079 27.2252 2.22652ZM11.599 26.8882C11.6118 20.2322 15.7688 14.5563 21.6306 12.3009V41.4721C15.7688 39.2179 11.6117 33.5452 11.599 26.8882ZM32.8177 41.4785V12.2999C38.6816 14.5499 42.845 20.229 42.8557 26.8882C42.845 33.5495 38.6816 39.2242 32.8177 41.4785Z" fill="white"/>
+    <path d="M39.8367 53.8724C54.5608 53.9428 68 41.8643 68 27.1703C68 11.1015 54.5608 -0.00535781 39.8367 -1.33309e-05H27.1649C12.2645 -0.00535781 0 11.1049 0 27.1703C0 41.8675 12.2645 53.9429 27.1649 53.8724H39.8367Z" fill="#0079BE"/>
+    <path d="M27.2252 2.22652C13.6096 2.23079 2.57645 13.2671 2.57324 26.8882C2.57645 40.5069 13.6095 51.5422 27.2252 51.5465C40.844 51.5422 51.8794 40.5069 51.8813 26.8882C51.8793 13.2671 40.844 2.23079 27.2252 2.22652ZM11.599 26.8882C11.6118 20.2322 15.7688 14.5563 21.6306 12.3009V41.4721C15.7688 39.2179 11.6117 33.5452 11.599 26.8882ZM32.8177 41.4785V12.2999C38.6816 14.5499 42.845 20.229 42.8557 26.8882C42.845 33.5495 38.6816 39.2242 32.8177 41.4785Z" fill="white"/>
+</svg>

web/satellite/static/images/payments/cardIcons/jcb.svg

@@ -0,0 +1,42 @@
+<svg width="68" height="53" viewBox="0 0 68 53" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M68 41.8142C68 47.6333 63.2616 52.3716 57.4425 52.3716H0V10.5575C0 4.73839 4.73839 0 10.5575 0H68V41.8142V41.8142Z" fill="white"/>
+    <path d="M49.2959 31.0905H53.6602C53.7849 31.0905 54.0759 31.0489 54.2005 31.0489C55.0318 30.8826 55.7384 30.1345 55.7384 29.0954C55.7384 28.0978 55.0318 27.3496 54.2005 27.1418C54.0759 27.1002 53.8265 27.1003 53.6602 27.1003H49.2959V31.0905Z" fill="url(#paint0_linear)"/>
+    <path d="M53.161 3.533C49.0046 3.533 45.5963 6.89975 45.5963 11.0978V18.9535H56.2784C56.5278 18.9535 56.8187 18.9535 57.0266 18.9951C59.4373 19.1198 61.2246 20.3667 61.2246 22.5281C61.2246 24.2323 60.0192 25.687 57.7747 25.978V26.0611C60.2271 26.2274 62.0975 27.599 62.0975 29.7188C62.0975 32.0049 60.0192 33.5012 57.276 33.5012H45.5547V48.8802H56.6525C60.809 48.8802 64.2173 45.5134 64.2173 41.3154V3.533H53.161V3.533Z" fill="url(#paint1_linear)"/>
+    <path d="M55.1981 23.0269C55.1981 22.0293 54.4915 21.3643 53.6602 21.2396C53.5771 21.2396 53.3692 21.198 53.2446 21.198H49.2959V24.8557H53.2446C53.3692 24.8557 53.6186 24.8557 53.6602 24.8142C54.4915 24.6895 55.1981 24.0244 55.1981 23.0269V23.0269Z" fill="url(#paint2_linear)"/>
+    <path d="M11.3476 3.533C7.19109 3.533 3.78278 6.89975 3.78278 11.0978V29.7604C5.90258 30.7995 8.10551 31.4645 10.3084 31.4645C12.927 31.4645 14.3402 29.8851 14.3402 27.7237V18.912H20.8243V27.6821C20.8243 31.0905 18.7045 33.8753 11.5138 33.8753C7.14952 33.8753 3.74121 32.9193 3.74121 32.9193V48.8386H14.839C18.9955 48.8386 22.4038 45.4719 22.4038 41.2738V3.533H11.3476V3.533Z" fill="url(#paint3_linear)"/>
+    <path d="M32.2542 3.533C28.0978 3.533 24.6895 6.89975 24.6895 11.0978V20.9902C26.6014 19.3692 29.9266 18.3301 35.2885 18.5795C38.1564 18.7042 41.2322 19.4939 41.2322 19.4939V22.6944C39.6943 21.9046 37.8655 21.198 35.4963 21.0318C31.4229 20.7408 28.9706 22.7359 28.9706 26.2274C28.9706 29.7604 31.4229 31.7555 35.4963 31.423C37.8655 31.2567 39.6943 30.5086 41.2322 29.7604V32.9609C41.2322 32.9609 38.198 33.7506 35.2885 33.8753C29.9266 34.1247 26.6014 33.0856 24.6895 31.4645V48.9218H35.7873C39.9437 48.9218 43.352 45.555 43.352 41.357V3.533H32.2542V3.533Z" fill="url(#paint4_linear)"/>
+    <defs>
+        <linearGradient id="paint0_linear" x1="45.5897" y1="29.1003" x2="64.2678" y2="29.1003" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#007940"/>
+            <stop offset="0.2285" stop-color="#00873F"/>
+            <stop offset="0.7433" stop-color="#40A737"/>
+            <stop offset="1" stop-color="#5CB531"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear" x1="45.5887" y1="26.1884" x2="64.2683" y2="26.1884" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#007940"/>
+            <stop offset="0.2285" stop-color="#00873F"/>
+            <stop offset="0.7433" stop-color="#40A737"/>
+            <stop offset="1" stop-color="#5CB531"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear" x1="45.5892" y1="23.0217" x2="64.2681" y2="23.0217" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#007940"/>
+            <stop offset="0.2285" stop-color="#00873F"/>
+            <stop offset="0.7433" stop-color="#40A737"/>
+            <stop offset="1" stop-color="#5CB531"/>
+        </linearGradient>
+        <linearGradient id="paint3_linear" x1="3.77397" y1="26.1884" x2="22.7413" y2="26.1884" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#1F286F"/>
+            <stop offset="0.4751" stop-color="#004E94"/>
+            <stop offset="0.8261" stop-color="#0066B1"/>
+            <stop offset="1" stop-color="#006FBC"/>
+        </linearGradient>
+        <linearGradient id="paint4_linear" x1="24.582" y1="26.1884" x2="43.0036" y2="26.1884" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#6C2C2F"/>
+            <stop offset="0.1735" stop-color="#882730"/>
+            <stop offset="0.5731" stop-color="#BE1833"/>
+            <stop offset="0.8585" stop-color="#DC0436"/>
+            <stop offset="1" stop-color="#E60039"/>
+        </linearGradient>
+    </defs>
+</svg>
+

web/satellite/static/images/payments/cardIcons/mastercard.svg

@@ -0,0 +1,6 @@
+<svg width="86" height="71" viewBox="0 0 86 71" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M21.1109 61.3009V57.808C21.1109 56.469 20.2967 55.5958 18.9009 55.5958C18.203 55.5958 17.447 55.8287 16.9236 56.5855C16.5165 55.9451 15.9349 55.5958 15.0626 55.5958C14.481 55.5958 13.8994 55.7705 13.4342 56.4108V55.7122H12.2129V61.3009H13.4342V58.2155C13.4342 57.2258 13.9576 56.7601 14.7718 56.7601C15.586 56.7601 15.9931 57.284 15.9931 58.2155V61.3009H17.2144V58.2155C17.2144 57.2258 17.7959 56.7601 18.552 56.7601C19.3662 56.7601 19.7733 57.284 19.7733 58.2155V61.3009H21.1109ZM39.1976 55.7122H37.2203V54.024H35.999V55.7122H34.894V56.8183H35.999V59.3798C35.999 60.6605 36.5224 61.4173 37.9181 61.4173C38.4416 61.4173 39.0231 61.2427 39.4302 61.0099L39.0813 59.962C38.7323 60.1948 38.3253 60.253 38.0345 60.253C37.4529 60.253 37.2203 59.9038 37.2203 59.3216V56.8183H39.1976V55.7122ZM49.5495 55.5958C48.8516 55.5958 48.3864 55.9451 48.0956 56.4108V55.7122H46.8743V61.3009H48.0956V58.1573C48.0956 57.2258 48.5027 56.7019 49.2587 56.7019C49.4913 56.7019 49.7821 56.7601 50.0148 56.8183L50.3637 55.654C50.1311 55.5958 49.7821 55.5958 49.5495 55.5958ZM33.9053 56.1779C33.3238 55.7704 32.5096 55.5958 31.6372 55.5958C30.2415 55.5958 29.311 56.2944 29.311 57.4005C29.311 58.3319 30.0088 58.8559 31.2301 59.0305L31.8117 59.0887C32.4514 59.2052 32.8004 59.3798 32.8004 59.6709C32.8004 60.0784 32.3351 60.3695 31.5209 60.3695C30.7067 60.3695 30.067 60.0784 29.6599 59.7873L29.0783 60.7188C29.7181 61.1845 30.5904 61.4173 31.4628 61.4173C33.0912 61.4173 34.0217 60.6606 34.0217 59.6127C34.0217 58.623 33.2656 58.0991 32.1025 57.9244L31.5209 57.8662C30.9975 57.808 30.5904 57.6916 30.5904 57.3423C30.5904 56.9348 30.9975 56.7019 31.6372 56.7019C32.3351 56.7019 33.033 56.993 33.3819 57.1676L33.9053 56.1779ZM66.3568 55.5958C65.6589 55.5958 65.1937 55.9451 64.9029 56.4108V55.7122H63.6816V61.3009H64.9029V58.1573C64.9029 57.2258 65.31 56.7019 66.066 56.7019C66.2986 56.7019 66.5894 56.7601 66.822 56.8183L67.171 55.654C66.9384 55.5958 66.5894 55.5958 66.3568 55.5958ZM50.7708 58.5066C50.7708 60.1948 51.9339 61.4173 53.7368 61.4173C54.551 61.4173 55.1325 61.2427 55.7141 60.777L55.1325 59.7873C54.6673 60.1366 54.202 60.3113 53.6786 60.3113C52.69 60.3113 51.9921 59.6127 51.9921 58.5066C51.9921 57.4587 52.69 56.7601 53.6786 56.7019C54.202 56.7019 54.6673 56.8765 55.1325 57.2258L55.7141 56.2362C55.1325 55.7704 54.551 55.5958 53.7368 55.5958C51.9339 55.5958 50.7708 56.8183 50.7708 58.5066ZM62.0532 58.5066V55.7122H60.8319V56.4108C60.4248 55.8869 59.8432 55.5958 59.0872 55.5958C57.517 55.5958 56.2957 56.8183 56.2957 58.5066C56.2957 60.1948 57.517 61.4173 59.0872 61.4173C59.9014 61.4173 60.483 61.1263 60.8319 60.6023V61.3009H62.0532V58.5066ZM57.5751 58.5066C57.5751 57.5169 58.2148 56.7019 59.2617 56.7019C60.2503 56.7019 60.9482 57.4587 60.9482 58.5066C60.9482 59.4962 60.2503 60.3113 59.2617 60.3113C58.2148 60.253 57.5751 59.4962 57.5751 58.5066ZM42.9778 55.5958C41.3494 55.5958 40.1863 56.7601 40.1863 58.5066C40.1863 60.253 41.3494 61.4173 43.0359 61.4173C43.8501 61.4173 44.6643 61.1845 45.3041 60.6606L44.7225 59.7873C44.2572 60.1366 43.6757 60.3695 43.0941 60.3695C42.3381 60.3695 41.582 60.0202 41.4075 59.0305H45.5367V58.5648C45.5948 56.7601 44.548 55.5958 42.9778 55.5958ZM42.9778 56.6437C43.7338 56.6437 44.2572 57.1094 44.3735 57.9826H41.4657C41.582 57.2258 42.1054 56.6437 42.9778 56.6437ZM73.2774 58.5066V53.5H72.0561V56.4108C71.649 55.8869 71.0675 55.5958 70.3114 55.5958C68.7412 55.5958 67.5199 56.8183 67.5199 58.5066C67.5199 60.1948 68.7412 61.4173 70.3114 61.4173C71.1256 61.4173 71.7072 61.1263 72.0561 60.6023V61.3009H73.2774V58.5066ZM68.7994 58.5066C68.7994 57.5169 69.4391 56.7019 70.4859 56.7019C71.4746 56.7019 72.1725 57.4587 72.1725 58.5066C72.1725 59.4962 71.4746 60.3113 70.4859 60.3113C69.4391 60.253 68.7994 59.4962 68.7994 58.5066ZM27.9734 58.5066V55.7122H26.7521V56.4108C26.345 55.8869 25.7634 55.5958 25.0074 55.5958C23.4371 55.5958 22.2158 56.8183 22.2158 58.5066C22.2158 60.1948 23.4371 61.4173 25.0074 61.4173C25.8216 61.4173 26.4031 61.1263 26.7521 60.6023V61.3009H27.9734V58.5066ZM23.4371 58.5066C23.4371 57.5169 24.0768 56.7019 25.1237 56.7019C26.1123 56.7019 26.8102 57.4587 26.8102 58.5066C26.8102 59.4962 26.1123 60.3113 25.1237 60.3113C24.0768 60.253 23.4371 59.4962 23.4371 58.5066Z" fill="#2C3236"/>
+    <path d="M51.8174 13.2733H33.498V46.2233H51.8174V13.2733Z" fill="#FF5F00"/>
+    <path d="M34.661 29.7484C34.661 23.0536 37.8015 17.1156 42.6285 13.2734C39.0809 10.479 34.6029 8.79077 29.7177 8.79077C18.1445 8.79077 8.78125 18.1635 8.78125 29.7484C8.78125 41.3332 18.1445 50.7059 29.7177 50.7059C34.6029 50.7059 39.0809 49.0177 42.6285 46.2233C37.8015 42.4393 34.661 36.4431 34.661 29.7484Z" fill="#EB001B"/>
+    <path d="M76.5347 29.7484C76.5347 41.3332 67.1715 50.7059 55.5983 50.7059C50.7131 50.7059 46.2351 49.0177 42.6875 46.2233C47.5727 42.3811 50.655 36.4431 50.655 29.7484C50.655 23.0536 47.5145 17.1156 42.6875 13.2734C46.2351 10.479 50.7131 8.79077 55.5983 8.79077C67.1715 8.79077 76.5347 18.2217 76.5347 29.7484Z" fill="#F79E1B"/>
+</svg>