XYZ-346: Add IP address display and filter for payment operations

package.json

@@ -44,7 +44,7 @@
     "@vality/swag-anapi-v2": "^2.0.1-f5e0f86.0",
     "@vality/swag-api-keys-v2": "^0.1.3-019c9ca.0",
     "@vality/swag-organizations": "^1.0.1-a72830b.0",
-    "@vality/swag-payments": "^0.1.3-92bb7f9.0",
+    "@vality/swag-payments": "^0.1.3-4c090f9.0",
     "@vality/swag-wallets": "^0.1.4-fa83e95.0",
     "apexcharts": "^3.54.1",
     "date-fns": "^4.4.0",

src/app/sections/payment-section/operations/payments/payments-filters/additional-filters/main-filters/main-filters.component.html

@@ -10,6 +10,10 @@
             <mat-label>{{ t('payerEmail') }}</mat-label>
             <input aria-label="payerEmail" formControlName="payerEmail" matInput type="email" />
         </mat-form-field>
+        <mat-form-field>
+            <mat-label>{{ t('payerIP') }}</mat-label>
+            <input aria-label="payerIP" formControlName="payerIP" matInput />
+        </mat-form-field>
         <mat-form-field>
             <mat-label>{{ t('customerID') }}</mat-label>
             <input aria-label="customerID" formControlName="customerID" matInput />

src/app/sections/payment-section/operations/payments/payments-filters/additional-filters/main-filters/main-filters.component.ts

@@ -15,6 +15,7 @@ import { MainFiltersForm } from './types/main-filters-form';
 export class MainFiltersComponent extends FormGroupSuperclass<Partial<MainFiltersForm>> {
     control = this.fb.group({
         payerEmail: ['', Validators.email],
+        payerIP: [''],
         customerID: [''],
         rrn: ['', Validators.pattern(new RegExp(/^\d+$/))],
         externalID: [''],

src/app/sections/payment-section/operations/payments/payments-filters/additional-filters/main-filters/types/main-filters-form.ts

@@ -1,5 +1,6 @@
 export interface MainFiltersForm {
     payerEmail: string;
+    payerIP: string;
     customerID: string;
     rrn: string;
     externalID: string;

src/app/sections/payment-section/operations/payments/payments-filters/additional-filters/utils/filters-to-form.ts

@@ -2,6 +2,7 @@ import { AdditionalFilters, AdditionalFiltersForm } from '../types';
 
 export const filtersToForm = ({
     payerEmail = null,
+    payerIP = null,
     customerID = null,
     rrn = null,
     externalID = null,
@@ -16,6 +17,7 @@ export const filtersToForm = ({
 }: AdditionalFilters): AdditionalFiltersForm => ({
     main: {
         payerEmail,
+        payerIP,
         customerID,
         rrn,
         externalID,

src/app/sections/payment-section/operations/payments/payments-panels/payments-details/payment-main-info/components/resource-payer/resource-payer.component.html

@@ -5,10 +5,16 @@
         prefix: 'paymentSection.paymentDetails.payerDetails'
     "
 >
-    @if (payer.contactInfo.email || payer.contactInfo.phoneNumber) {
+    @if (payer.contactInfo.email || payer.contactInfo.phoneNumber || payer.clientInfo?.ip) {
         <dsh-details-item [title]="payerDetails('title')">
             <div class="mat-body-medium">
                 {{ payer.contactInfo.email || payer.contactInfo.phoneNumber }}
+                @if (payer.clientInfo?.ip; as ip) {
+                    @if (payer.contactInfo.email || payer.contactInfo.phoneNumber) {
+                        ·
+                    }
+                    {{ ip }}
+                }
             </div>
         </dsh-details-item>
     }

src/assets/i18n/payment-section/en.json

@@ -125,6 +125,7 @@
                 "invoices": "Invoices",
                 "last4": "Card last digits",
                 "payerEmail": "Payer email",
+                "payerIP": "Payer IP address",
                 "paymentAmount": "Payment amount",
                 "paymentAmountFrom": "Min. amount",
                 "paymentAmountTo": "Max. amount",

src/assets/i18n/payment-section/ru.json

@@ -125,6 +125,7 @@
                 "invoices": "Инвойсы",
                 "last4": "Последние цифры номера карты",
                 "payerEmail": "Email плательщика",
+                "payerIP": "IP-адрес плательщика",
                 "paymentAmount": "Сумма платежа",
                 "paymentAmountFrom": "Мин. сумма",
                 "paymentAmountTo": "Макс. сумма",