@xsolla/payment-client-core 0.1.0 → 0.1.2

package/lib/core/payment/actions/next-action.interface.d.ts

@@ -2,5 +2,6 @@ import { CheckStatusAction } from './check-status/check-status.action.type';
 import { ShowFieldsAction } from './show-fields/show-fields.action.type';
 import { StatusUpdatedAction } from './status-updated/status-updated.action.type';
 import { RedirectAction } from './redirect/redirect.action.type';
-import { ShowErrorsAction } from './show-errors/show-errors.action.class';
-export type NextAction = CheckStatusAction | ShowFieldsAction | StatusUpdatedAction | ShowErrorsAction | RedirectAction;
+import { ShowErrorsAction } from './show-errors/show-errors.action.type';
+import { ShowFieldStateAction } from './show-field-state/show-field-state.action.type';
+export type NextAction = CheckStatusAction | ShowFieldsAction | StatusUpdatedAction | ShowErrorsAction | RedirectAction | ShowFieldStateAction;

package/lib/core/payment/actions/show-errors/show-errors.action.class.d.ts

@@ -1,8 +1,8 @@
-import { ExtendedXpsError } from '../../extended-xps-error';
+import { XpsError } from '../../xps-error.interface';
 import { Action } from '../action.interface';
 import { ShowErrorsActionData, ShowErrorsActionType } from './show-errors.action.type';
 export declare class ShowErrorsAction implements Action {
     type: ShowErrorsActionType;
     data: ShowErrorsActionData;
-    constructor(errors: ExtendedXpsError[]);
+    constructor(errors: XpsError[]);
 }

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

@@ -1,7 +1,7 @@
-import { ExtendedXpsError } from '../../extended-xps-error';
+import { XpsError } from '../../xps-error.interface';
 import { Action } from '../action.interface';
 export type ShowErrorsActionType = 'show_errors';
 export interface ShowErrorsActionData {
-    errors: ExtendedXpsError[] | null;
+    errors: XpsError[] | null;
 }
 export type ShowErrorsAction = Action<ShowErrorsActionType, ShowErrorsActionData>;

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

@@ -0,0 +1,8 @@
+import { Action } from '../action.interface';
+import { ShowFieldState } from '../../show-field-state.interface';
+import { ShowFieldStateActionData, ShowFieldStateActionType } from './show-field-state.action.type';
+export declare class ShowFieldStateAction implements Action {
+    type: ShowFieldStateActionType;
+    data: ShowFieldStateActionData;
+    constructor(control: ShowFieldState);
+}

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

@@ -0,0 +1,4 @@
+import { InjectionToken, ValueProvider } from '@angular/core';
+import { ActionFactoryValue } from '../action-factory-value.interface';
+export declare const showFieldStateActionFactoryToken: InjectionToken<ActionFactoryValue>;
+export declare const showFieldStateActionFactoryProvider: ValueProvider;

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

@@ -0,0 +1,11 @@
+import { FormControlStatus } from '@angular/forms';
+import { ValidationError as ControlValidationError } from '../../form/validators/validation-error.interface';
+import { Action } from '../action.interface';
+export type ShowFieldStateActionType = 'show_field_state';
+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;
@@ -30,9 +31,10 @@ export declare class PaymentService {
     private fields;
     private config;
     private destroy$;
+    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;
@@ -40,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

@@ -0,0 +1,8 @@
+import { FormControlStatus } from '@angular/forms';
+import { ValidationError as ControlValidationError } from './form/validators/validation-error.interface';
+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.0",
+  "version": "0.1.2",
   "peerDependencies": {
     "@angular/common": "^15.2.0",
     "@angular/core": "^15.2.0",

package/esm2020/lib/core/payment/extended-xps-error.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXh0ZW5kZWQteHBzLWVycm9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvcGF5bWVudC1jbGllbnQtY29yZS9zcmMvbGliL2NvcmUvcGF5bWVudC9leHRlbmRlZC14cHMtZXJyb3IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFhwc0Vycm9yIH0gZnJvbSAnLi94cHMtZXJyb3IuaW50ZXJmYWNlJztcblxuZXhwb3J0IGludGVyZmFjZSBFeHRlbmRlZFhwc0Vycm9yIGV4dGVuZHMgWHBzRXJyb3Ige1xuICBmaWVsZFZhbGlkYXRpb25FcnJvcj86IHN0cmluZztcbn1cbiJdfQ==

package/lib/core/payment/extended-xps-error.d.ts

@@ -1,4 +0,0 @@
-import { XpsError } from './xps-error.interface';
-export interface ExtendedXpsError extends XpsError {
-    fieldValidationError?: string;
-}