@xsolla/payment-client-core 0.1.3 → 0.1.4

package/lib/core/credit-card/credit-card-settings.interface.d.ts

@@ -0,0 +1,10 @@
+import { CreditCardTypes } from './credit-card-types.enum';
+export interface CreditCardSettings {
+    id: CreditCardTypes;
+    minLength: number;
+    maxLength: number;
+    iconName: string | null;
+    mask: string;
+    checkNumber(number: string): boolean;
+    maxCvvLength?: number;
+}

package/lib/core/credit-card/credit-card-types.enum.d.ts

@@ -0,0 +1,18 @@
+export declare enum CreditCardTypes {
+    DEFAULT = "0",
+    VISA = "1",
+    MASTERCARD = "2",
+    MAESTRO = "3",
+    AMERICAN_EXPRESS = "4",
+    DINERS_CLUBS = "5",
+    DISCOVER = "6",
+    JCB = "9",
+    DANKORT = "11",
+    HIPERCARD = "12",
+    ELO = "13",
+    AURA = "14",
+    NARANJA = "15",
+    MIR = "16",
+    CHINA_UNION_PAY = "17",
+    POSTEPAY = "18"
+}

package/lib/core/credit-card/credit-card.interface.d.ts

@@ -0,0 +1,9 @@
+import { CreditCardTypes } from './credit-card-types.enum';
+import { CreditCardSettings } from './credit-card-settings.interface';
+import { CreditCardState } from '../payment/credit-card-state/credit-card-state.interface';
+import { Observable } from 'rxjs';
+export interface CreditCard {
+    getTypeByNumber(cardNumber: string): CreditCardTypes;
+    getCreditCardSettings(cardType: CreditCardTypes): CreditCardSettings;
+    cardTypeUpdates$: Observable<CreditCardState>;
+}

package/lib/core/credit-card/credit-card.service.d.ts

@@ -0,0 +1,11 @@
+import { CreditCardTypes } from './credit-card-types.enum';
+import { CreditCardSettings } from './credit-card-settings.interface';
+import * as i0 from "@angular/core";
+export declare class CreditCardService {
+    getBinNumber(cardNumber: string): string;
+    getAccountSuffix(cardNumber: string): string;
+    getTypeByNumber(cardNumber: string): CreditCardTypes;
+    getCreditCardSettings(cardType: CreditCardTypes): CreditCardSettings;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CreditCardService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CreditCardService>;
+}

package/lib/core/credit-card/credit-cards-map.const.d.ts

@@ -0,0 +1,5 @@
+import { CreditCardTypes } from './credit-card-types.enum';
+import { CreditCardSettings } from './credit-card-settings.interface';
+export declare const creditCardsMap: {
+    [key in CreditCardTypes]: CreditCardSettings;
+};

package/lib/core/credit-card/default-mask.const.d.ts

@@ -0,0 +1 @@
+export declare const defaultMask = "9999 9999 9999 9999 999";

package/lib/core/credit-card/four-block-mask.const.d.ts

@@ -0,0 +1 @@
+export declare const fourBlockMask = "9999 9999 9999 9999";

package/lib/core/credit-card/ordered-cards-settings.const.d.ts

@@ -0,0 +1,12 @@
+import { CreditCardSettings } from './credit-card-settings.interface';
+/**
+ * order does matter
+ * settings with more specific pattern should be placed above
+ * Example:
+ * - 12*
+ * - 12
+ * - 1
+ * "12*" pattern should be checked first, otherwise pattern "1" will be taken
+ * before "12*" checked
+ */
+export declare const orderedCardSettings: CreditCardSettings[];

package/lib/core/credit-card/types/american-express.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const americanExpress: CreditCardSettings;

package/lib/core/credit-card/types/aura.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const aura: CreditCardSettings;

package/lib/core/credit-card/types/china-union-pay.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const chinaUnionPay: CreditCardSettings;

package/lib/core/credit-card/types/dankort.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const dankort: CreditCardSettings;

package/lib/core/credit-card/types/default-card.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const defaultCard: CreditCardSettings;

package/lib/core/credit-card/types/diners-clubs.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const dinersClubs: CreditCardSettings;

package/lib/core/credit-card/types/discover.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const discover: CreditCardSettings;

package/lib/core/credit-card/types/elo.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const elo: CreditCardSettings;

package/lib/core/credit-card/types/hipercard.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const hipercard: CreditCardSettings;

package/lib/core/credit-card/types/jcb.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const jcb: CreditCardSettings;

package/lib/core/credit-card/types/maestro.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const maestro: CreditCardSettings;

package/lib/core/credit-card/types/mastercard.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const mastercard: CreditCardSettings;

package/lib/core/credit-card/types/mir.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const mir: CreditCardSettings;

package/lib/core/credit-card/types/naranja.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const naranja: CreditCardSettings;

package/lib/core/credit-card/types/postepay.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const postePay: CreditCardSettings;

package/lib/core/credit-card/types/visa.d.ts

@@ -0,0 +1,2 @@
+import { CreditCardSettings } from '../credit-card-settings.interface';
+export declare const visa: CreditCardSettings;

package/lib/core/payment/credit-card-state/credit-card-state.interface.d.ts

@@ -0,0 +1,3 @@
+export interface CreditCardState {
+    idCardType: string;
+}

package/lib/core/payment/credit-card-state/credit-card-state.service.d.ts

@@ -0,0 +1,7 @@
+import { EmitDataService } from '../emit-data.service.abstract';
+import { CreditCardState } from './credit-card-state.interface';
+import * as i0 from "@angular/core";
+export declare class CreditCardStateService extends EmitDataService<CreditCardState> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CreditCardStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CreditCardStateService>;
+}

package/lib/core/payment/form/controls/card-number-control.config.d.ts

@@ -0,0 +1,11 @@
+import { SafeHtml } from '@angular/platform-browser';
+import { ControlConfig } from './control-config';
+import { CreditCardTypes } from '../../../credit-card/credit-card-types.enum';
+export declare class CardNumberConfig extends ControlConfig {
+    controlType: string;
+    placeholder?: string | SafeHtml | null;
+    icon?: string;
+    availableCardTypes: CreditCardTypes[];
+    activeCardType?: CreditCardTypes;
+    customError: string;
+}

package/lib/core/payment/form/converters/card-number.converter.d.ts

@@ -0,0 +1,19 @@
+import { Converter } from './converter.abstract';
+import { SyncService } from '../../sync/sync.service';
+import { CreditCardMinLengthValidator } from '../validators/credit-card-min-length.validator';
+import { Field } from '../../field.interface';
+import { ValidatorFn } from '@angular/forms';
+import { FormState } from '../form-state.interface';
+import { CardNumberConfig } from '../controls/card-number-control.config';
+import * as i0 from "@angular/core";
+export declare class CardNumberConverter extends Converter {
+    private readonly maxLengthValidator;
+    private readonly minLengthValidator;
+    constructor(syncService: SyncService, maxLengthValidator: CreditCardMinLengthValidator, minLengthValidator: CreditCardMinLengthValidator);
+    getValidators(field: Field): ValidatorFn[];
+    protected createControlConfig(field: Field, formState: FormState): CardNumberConfig;
+    protected getAutocomplete(): string;
+    protected getDataType(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardNumberConverter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CardNumberConverter>;
+}

package/lib/core/payment/form/form.module.d.ts

@@ -1,7 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
+import * as i2 from "./validators/validators.module";
 export declare class FormModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FormModule, never, [typeof i1.ReactiveFormsModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormModule, never, [typeof i1.ReactiveFormsModule, typeof i2.ValidatorsModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FormModule>;
 }

package/lib/core/payment/form/validators/credit-card-min-length.validator.d.ts

@@ -0,0 +1,12 @@
+import { ValidationErrors } from '@angular/forms';
+import { CreditCardService } from '../../../credit-card/credit-card.service';
+import * as i0 from "@angular/core";
+export declare class CreditCardMinLengthValidator {
+    private readonly creditService;
+    constructor(creditService: CreditCardService);
+    validate: (field: {
+        value: string;
+    }) => ValidationErrors | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CreditCardMinLengthValidator, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CreditCardMinLengthValidator>;
+}

package/lib/core/payment/form/validators/is-empty-input-value.function.d.ts

@@ -0,0 +1 @@
+export declare function isEmptyInputValue(value: string | null | undefined): boolean;

package/lib/core/payment/form/validators/luhn-formula-validator/luhn-formula.validator.d.ts

@@ -0,0 +1,6 @@
+import { ValidatorFn } from '../validator-fn.type';
+/**
+ * Checks number match Luhn algorithm.
+ * Based on http://en.wikipedia.org/wiki/Luhn.
+ */
+export declare const luhnFormulaValidator: ValidatorFn;

package/lib/core/payment/form/validators/validators.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export declare class ValidatorsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValidatorsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ValidatorsModule, never, [typeof i1.CommonModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ValidatorsModule>;
+}

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

@@ -17,6 +17,7 @@ import { PaymentConfig } from './payment-config.interface';
 import { ValidationErrors } from './form/validators/validation-errors.interface';
 import { InputEventName } from './form/input-event.enum';
 import { FormFieldsStatus } from './form/form-fields-status.interface';
+import { CreditCardStateService } from './credit-card-state/credit-card-state.service';
 import * as i0 from "@angular/core";
 export declare class PaymentService {
     private readonly initializeService;
@@ -25,6 +26,7 @@ export declare class PaymentService {
     private readonly formService;
     private readonly statusService;
     private readonly financeDetailsService;
+    private readonly creditCardStateService;
     private readonly nextActionService;
     private readonly controlConfigService;
     form: UntypedFormGroup | null;
@@ -37,7 +39,7 @@ export declare class PaymentService {
     private destroy$;
     private formDestroy$;
     private readonly formFieldsStatusSubject;
-    constructor(initializeService: InitializeService, submitService: SubmitService, syncService: SyncService, formService: FormService, statusService: StatusService, financeDetailsService: FinanceDetailsService, nextActionService: NextActionService, controlConfigService: ControlConfigService);
+    constructor(initializeService: InitializeService, submitService: SubmitService, syncService: SyncService, formService: FormService, statusService: StatusService, financeDetailsService: FinanceDetailsService, creditCardStateService: CreditCardStateService, nextActionService: NextActionService, controlConfigService: ControlConfigService);
     initialize(config: PaymentConfig): Promise<Field[]>;
     submit(): Promise<NextAction | null | void>;
     getFields(): Field[];
@@ -50,6 +52,7 @@ export declare class PaymentService {
     changeFieldState(name: string, state: InputEventName): void;
     destroy(): void;
     private emitFinanceDetails;
+    private emitCreditCardState;
     private emitFormFieldsStatus;
     private setupSyncService;
     private listenFinanceDetails;

package/lib/core/payment/sync/field-async-validation.interface.d.ts

@@ -0,0 +1,7 @@
+import { Field } from '../field.interface';
+import { SyncResponse } from './sync-response.class';
+export interface FieldAsyncValidation {
+    value: unknown;
+    field: Field;
+    response: SyncResponse;
+}

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

@@ -1,4 +1,5 @@
 import { UntypedFormGroup, ValidationErrors } from '@angular/forms';
+import { Observable } from 'rxjs';
 import { SecureApiClient } from '../../http/secure-api/secure-api.service';
 import { SettingsService } from '../../settings/settings.service';
 import { EmitDataService } from '../emit-data.service.abstract';
@@ -8,6 +9,7 @@ import { SyncRequestFactory } from './sync-request.token';
 import { SyncResponse } from './sync-response.class';
 import { SyncResponseFactory } from './sync-response.token';
 import { NextActionService } from '../actions/next-action.service';
+import { FieldAsyncValidation } from './field-async-validation.interface';
 import * as i0 from "@angular/core";
 export declare class SyncService extends EmitDataService<XpsResponse> {
     private readonly requestFactory;
@@ -19,7 +21,9 @@ export declare class SyncService extends EmitDataService<XpsResponse> {
     private prevFieldSyncStates;
     private form;
     private fields;
+    private readonly fieldAsyncValidation;
     constructor(requestFactory: SyncRequestFactory, responseFactory: SyncResponseFactory, secureApi: SecureApiClient, nextActionService: NextActionService, settingsService: SettingsService);
+    get fieldAsyncValidation$(): Observable<FieldAsyncValidation>;
     setup(form: UntypedFormGroup, fields: Field[]): void;
     reset(): void;
     validate(field: Field): Promise<ValidationErrors | null>;

package/lib/core/payment/xps-response.interface.d.ts

@@ -17,6 +17,7 @@ export interface XpsResponse {
             [key: string]: string;
         };
     };
+    idCardType: string;
     summary: XpsSummary;
     buyData: {
         currency: string;

package/lib/core/type-guards/is-string.function.d.ts

@@ -0,0 +1 @@
+export declare function isString(value: unknown): value is string;

package/lib/core-library.service.d.ts

@@ -19,6 +19,11 @@ import { FinanceDetailsService } from './core/payment/finance-details/finance-de
 import { PaymentConfigService } from './core/payment/config/config.service';
 import { Status } from './core/payment/status/status.interface';
 import { StatusService } from './core/payment/status/status.service';
+import { CreditCardService } from './core/credit-card/credit-card.service';
+import { CreditCard } from './core/credit-card/credit-card.interface';
+import { CreditCardStateService } from './core/payment/credit-card-state/credit-card-state.service';
+import { Observable } from 'rxjs';
+import { CreditCardState } from './core/payment/credit-card-state/credit-card-state.interface';
 import * as i0 from "@angular/core";
 export declare class CoreLibraryService {
     private readonly settingsService;
@@ -33,17 +38,21 @@ export declare class CoreLibraryService {
     private readonly legalService;
     private readonly statusService;
     private readonly nextActionService;
+    private readonly creditCardService;
+    private readonly creditCardStateService;
     paymentMethods: {
         getList: () => Promise<PaymentMethod[]>;
         getQuickMethods: () => Promise<PaymentMethod[]>;
         getSavedMethods: () => Promise<SavedMethod[]>;
         getUserBalance: () => Promise<UserBalanceResponse>;
     };
-    constructor(settingsService: SettingsService, countryService: CountryService, paymentMethodsService: PaymentMethodsService, savedMethodsService: SavedMethodsService, userBalanceService: UserBalanceService, paymentConfigService: PaymentConfigService, paymentService: PaymentService, deviceFingerPrintService: DeviceFingerPrintService, financeDetailsService: FinanceDetailsService, legalService: LegalService, statusService: StatusService, nextActionService: NextActionService);
+    constructor(settingsService: SettingsService, countryService: CountryService, paymentMethodsService: PaymentMethodsService, savedMethodsService: SavedMethodsService, userBalanceService: UserBalanceService, paymentConfigService: PaymentConfigService, paymentService: PaymentService, deviceFingerPrintService: DeviceFingerPrintService, financeDetailsService: FinanceDetailsService, legalService: LegalService, statusService: StatusService, nextActionService: NextActionService, creditCardService: CreditCardService, creditCardStateService: CreditCardStateService);
     init(configuration: InitConfiguration): Promise<void>;
     getStatus(url?: string): Promise<Status>;
     setCountry(country: string): void;
     createPayment(config: PaymentConfig): Payment;
+    getCreditCardService(): CreditCard;
+    get cardTypeUpdates$(): Observable<CreditCardState>;
     getLegalComponentConfig(): LegalComponentConfig;
     getFieldMask(field: Field): undefined | (() => string);
     static ɵfac: i0.ɵɵFactoryDeclaration<CoreLibraryService, never>;

package/package.json

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