XYZ-267: New "Create payment link"

package.json

@@ -38,8 +38,8 @@
     "@ngneat/input-mask": "^6.1.0",
     "@sentry/angular": "^10.68.0",
     "@tailwindcss/postcss": "^4.3.1",
-    "@vality/domain-proto": "^2.0.2-239638b.0",
-    "@vality/fistful-proto": "^2.0.1-9864622.0",
+    "@vality/domain-proto": "^2.0.2-99c91c9.0",
+    "@vality/fistful-proto": "^2.0.1-441d9bc.0",
     "@vality/machinegun-proto": "^1.0.1-273f2f3.0",
     "@vality/magista-proto": "^2.0.2-bd58cea.0",
     "@vality/repairer-proto": "^2.0.2-07b2a51.0",

projects/matez/src/lib/components/select-autocomplete/select-field/select-field.component.html

@@ -5,7 +5,11 @@
         #select
         [closeOnSelect]="!multiple"
         [formControl]="control"
-        [items]="options"
+        [items]="
+            options?.length || !control?.value
+                ? options
+                : [{ value: control.value, label: control.value }]
+        "
         [loading]="progress"
         [markFirst]="true"
         [multiple]="multiple"

src/app/payments/payments.component.html

@@ -55,7 +55,7 @@
         >
             Fail machines
         </button>
-        <button mat-button (click)="createInvoiceTemplate()">Create invoice template</button>
+        <button mat-button (click)="createInvoiceTemplate()">Create payment link</button>
         @if ((selected$ | async)?.length) {
             <button
                 [disabled]="!(selected$ | async)?.length"

src/app/withdrawals/withdrawals.component.ts

@@ -101,6 +101,12 @@ export class WithdrawalsComponent implements OnInit {
         createCurrencyColumn((d) => ({ amount: d.fee, code: d.currency_symbolic_code }), {
             field: 'fee',
         }),
+        createCurrencyColumn(
+            (d) => ({ amount: d.changed_amount, code: d.changed_currency_symbolic_code }),
+            {
+                field: 'changed',
+            },
+        ),
         {
             field: 'status',
             cell: (d) => ({

src/components/create-invoice-template-dialog/create-invoice-template-dialog.component.html

@@ -1,37 +1,35 @@
-@let template = template$ | async;
-
-<v-dialog [progress]="!!progress()" title="Create Invoice Template">
-    @if (template) {
-        <div [formGroup]="linkForm">
-            <v-input-field formControlName="name" label="Name"></v-input-field>
-            <v-input-field formControlName="description" label="Description"></v-input-field>
-            <v-input-field formControlName="email" label="Email"></v-input-field>
-            <v-input-field formControlName="redirectUrl" label="Redirect URL"></v-input-field>
-            <v-input-field formControlName="cancelUrl" label="Cancel URL"></v-input-field>
-            <v-input-field formControlName="locale" label="Locale"></v-input-field>
-        </div>
-        <mat-divider class="!mb-4"></mat-divider>
-        <div class="flex gap-1">
-            <mat-form-field>
-                <mat-label>Link</mat-label>
-                <input [value]="link$ | async" matInput readonly />
-            </mat-form-field>
-            <button mat-icon-button (click)="copyLink()"><mat-icon>content_copy</mat-icon></button>
-        </div>
-    } @else {
-        <cc-domain-thrift-editor
-            [extensions]="extensions$ | async"
-            [formControl]="control"
-            namespace="api_extensions"
-            noToolbar
-            type="InvoiceTemplateCreateParams"
-        ></cc-domain-thrift-editor>
-    }
+<v-dialog [progress]="invoiceTemplate.isLoading()" title="Create payment link">
+    <div class="flex flex-col gap-2">
+        <cc-shop-merchant-field [formField]="control.partyShop"></cc-shop-merchant-field>
+        <v-input-field [formField]="control.name" label="Name"></v-input-field>
+        <v-input-field [formField]="control.description" label="Description"></v-input-field>
+        <v-input-field [formField]="control.email" label="Email"></v-input-field>
+        <v-input-field [formField]="control.redirectUrl" label="Redirect URL"></v-input-field>
+        <v-input-field [formField]="control.cancelUrl" label="Cancel URL"></v-input-field>
+        <v-input-field [formField]="control.locale" label="Locale"></v-input-field>
+        <cc-invoice-template-details-field
+            [currency]="currency$ | async"
+            [formField]="control.details"
+        ></cc-invoice-template-details-field>
+        <cc-duration-field [formField]="control.lifetime" label="Lifetime"></cc-duration-field>
+        <mat-divider></mat-divider>
+        <mat-form-field>
+            <mat-label>URL</mat-label>
+            <input
+                [value]="invoiceTemplate.value()?.invoice_template_url?.url || ''"
+                matInput
+                readonly
+            />
+            <mat-icon matSuffix (click)="copyLink()">content_copy</mat-icon>
+        </mat-form-field>
+    </div>
     <v-dialog-actions>
-        @if (template) {
-            <button [disabled]="!!progress()" mat-flat-button (click)="confirm()">Done</button>
-        } @else {
-            <button [disabled]="!!progress()" mat-flat-button (click)="create()">Create</button>
-        }
+        <button
+            [disabled]="invoiceTemplate.isLoading() || control().invalid()"
+            mat-flat-button
+            (click)="createAndCopyLink()"
+        >
+            Create & copy link
+        </button>
     </v-dialog-actions>
 </v-dialog>