@xsolla/payment-client-core 0.1.1 → 0.1.2

package/lib/core/payment/actions/show-field-state/show-field-state.action.type.d.ts

@@ -6,5 +6,6 @@ export interface ShowFieldStateActionData {
     fieldName: string;
     fieldState: FormControlStatus;
     error: ControlValidationError | null;
+    isFocused?: boolean;
 }
 export type ShowFieldStateAction = Action<ShowFieldStateActionType, ShowFieldStateActionData>;

package/lib/core/payment/form/input-events.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum InputEventName {
+    blur = "blur",
+    focus = "focus"
+}

package/lib/core/payment/payment.interface.d.ts

@@ -5,9 +5,10 @@ import { Status } from './status/status.interface';
 import { Field } from './field.interface';
 import { ControlConfig } from './form/controls/control-config';
 import { FinanceDetails } from './finance-details/finance-details.class';
+import { InputEventName } from './form/input-events.enum';
 export interface Payment {
     initialize(): Promise<Field[]>;
-    submit(): Promise<NextAction | null>;
+    submit(): Promise<NextAction | null | void>;
     getFields(): Field[];
     validate(field: Field): Promise<ValidationErrors | null>;
     getFinanceDetails(): FinanceDetails | null;
@@ -16,6 +17,7 @@ export interface Payment {
     form: {
         changeFieldValue(name: string, value: string): void;
         getControlConfig(field: Field): ControlConfig | null;
+        changeFieldState(name: string, state: InputEventName): void;
     };
     flowUpdates$: Observable<NextAction>;
     financeDetailsUpdates$: Observable<FinanceDetails>;

package/lib/core/payment/payment.service.d.ts

@@ -14,6 +14,7 @@ import { NextAction } from './actions/next-action.interface';
 import { Field } from './field.interface';
 import { PaymentConfig } from './payment-config.interface';
 import { ValidationErrors } from './form/validators/validation-errors.interface';
+import { InputEventName } from './form/input-events.enum';
 import * as i0 from "@angular/core";
 export declare class PaymentService {
     private readonly initializeService;
@@ -33,7 +34,7 @@ export declare class PaymentService {
     private formDestroy$;
     constructor(initializeService: InitializeService, submitService: SubmitService, syncService: SyncService, formService: FormService, statusService: StatusService, financeDetailsService: FinanceDetailsService, nextActionService: NextActionService, controlConfigService: ControlConfigService);
     initialize(config: PaymentConfig): Promise<Field[]>;
-    submit(): Promise<NextAction | null>;
+    submit(): Promise<NextAction | null | void>;
     getFields(): Field[];
     validate(field: Field): Promise<ValidationErrors | null>;
     runThreeDs(): NextAction;
@@ -41,11 +42,13 @@ export declare class PaymentService {
     getStatus(): Promise<Status>;
     getFieldConfig(field: Field): ControlConfig | null;
     changeFieldValue(name: string, value: string): void;
+    changeFieldState(name: string, state: InputEventName): void;
     destroy(): void;
     private emitFinanceDetails;
     private setupSyncService;
     private listenFinanceDetails;
     private listenSyncValidationErrors;
+    private getControlState;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaymentService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<PaymentService>;
 }

package/lib/core/payment/show-field-state.interface.d.ts

@@ -4,4 +4,5 @@ export interface ShowFieldState {
     fieldName: string;
     fieldState: FormControlStatus;
     error: ControlValidationError | null;
+    isFocused?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/payment-client-core",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "peerDependencies": {
     "@angular/common": "^15.2.0",
     "@angular/core": "^15.2.0",