From 59855b0fab85a62931d18439fcc878b8b8d23063 Mon Sep 17 00:00:00 2001
From: sdarbinyan <sdarbinyan@4pay.ru>
Date: Sun, 26 Jul 2026 12:01:26 +0400
Subject: [PATCH] fix(storefront): create missing footer payment-icon assets

bootstrap.json's footer.paymentIcons referenced /assets/images/
mir-logo.svg, visa-logo.svg, mastercard-logo.svg - none of that
directory's files existed until the RC-02 placeholder fix, and these
three were still missing. Site-wide broken-image icons in every page
footer. Added neutral labeled-badge SVGs (not reproductions of the
actual trademarked logo artwork) at the exact referenced paths, plus
an onerror fallback on the footer <img> for defense in depth.
---
 src/app/components/footer/footer.component.html | 2 +-
 src/app/components/footer/footer.component.ts   | 3 +++
 src/assets/images/mastercard-logo.svg           | 5 +++++
 src/assets/images/mir-logo.svg                  | 4 ++++
 src/assets/images/visa-logo.svg                 | 4 ++++
 5 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/images/mastercard-logo.svg
 create mode 100644 src/assets/images/mir-logo.svg
 create mode 100644 src/assets/images/visa-logo.svg

diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html
index 4db67ec..2e635b2 100644
--- a/src/app/components/footer/footer.component.html
+++ b/src/app/components/footer/footer.component.html
@@ -29,7 +29,7 @@
         <h4>{{ 'footer.payment' | translate }}</h4>
         <div class="app-footer__payments">
           @for (icon of paymentIcons(); track $index) {
-            <img [src]="icon.src" [alt]="icon.alt" loading="lazy" [width]="icon.width" [height]="icon.height" />
+            <img [src]="icon.src" [alt]="icon.alt" loading="lazy" [width]="icon.width" [height]="icon.height" (error)="onImageError($event)" />
           }
         </div>
       </div>
diff --git a/src/app/components/footer/footer.component.ts b/src/app/components/footer/footer.component.ts
index 415d760..29b5c63 100644
--- a/src/app/components/footer/footer.component.ts
+++ b/src/app/components/footer/footer.component.ts
@@ -6,6 +6,7 @@ import { UiRuntimeFacade } from '../../facades/runtime/ui-runtime.facade';
 import { LangRoutePipe } from '../../pipes/lang-route.pipe';
 import { FooterPaymentIcon, FooterResolvedGroup, FooterResolverService } from '../../core/config/footer-resolver.service';
 import { ConfigService } from '../../core/config/config.service';
+import { onImageError } from '../../utils/item.utils';
 
 @Component({
   selector: 'app-footer',
@@ -15,6 +16,8 @@ import { ConfigService } from '../../core/config/config.service';
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class FooterComponent {
+  readonly onImageError = onImageError;
+
   readonly footerGroups = signal<FooterResolvedGroup[]>([]);
   readonly paymentIcons = signal<FooterPaymentIcon[]>([]);
   readonly copyrightText = signal('');
diff --git a/src/assets/images/mastercard-logo.svg b/src/assets/images/mastercard-logo.svg
new file mode 100644
index 0000000..e8396e2
--- /dev/null
+++ b/src/assets/images/mastercard-logo.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 28" role="img" aria-label="Mastercard">
+  <rect width="40" height="28" rx="4" fill="#f4f4f4"/>
+  <circle cx="17" cy="14" r="8" fill="#eb001b"/>
+  <circle cx="25" cy="14" r="8" fill="#f79e1b" fill-opacity="0.85"/>
+</svg>
diff --git a/src/assets/images/mir-logo.svg b/src/assets/images/mir-logo.svg
new file mode 100644
index 0000000..bfbe0f8
--- /dev/null
+++ b/src/assets/images/mir-logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 28" role="img" aria-label="MIR">
+  <rect width="40" height="28" rx="4" fill="#0f754e"/>
+  <text x="20" y="18" text-anchor="middle" font-family="Arial, sans-serif" font-size="11" font-weight="700" fill="#ffffff">MIR</text>
+</svg>
diff --git a/src/assets/images/visa-logo.svg b/src/assets/images/visa-logo.svg
new file mode 100644
index 0000000..c288b14
--- /dev/null
+++ b/src/assets/images/visa-logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 28" role="img" aria-label="Visa">
+  <rect width="40" height="28" rx="4" fill="#1a1f71"/>
+  <text x="20" y="18" text-anchor="middle" font-family="Arial, sans-serif" font-size="10" font-weight="700" font-style="italic" fill="#ffffff">VISA</text>
+</svg>