@xsolla/payment-client-core 0.2.36 → 0.2.38

package/fesm2022/xsolla-payment-client-core.mjs

@@ -321,6 +321,8 @@ class SavedMethodsResponse {
             replaced: method.replaced,
             type: method.type,
             cardExpiryDate: method.card_expiry_date,
+            dateCreate: method.date_create,
+            dateLastCharge: method.date_last_charge,
             iconName: method.switch_icon_name,
             partner: method.partner,
         };
@@ -526,6 +528,7 @@ var FieldNames;
     FieldNames["birthDate"] = "birth_date";
     FieldNames["cardMonth"] = "card_month";
     FieldNames["cardYear"] = "card_year";
+    FieldNames["cardExpire"] = "card_expire";
     FieldNames["cardNumber"] = "card_number";
     FieldNames["cardholdername"] = "cardholdername";
     FieldNames["city"] = "city";
@@ -705,6 +708,7 @@ const userBehaviourEventTypes = {
 
 const masterCardAndVisaPaymentMethodId = 26;
 const maestroPaymentMethodId = 490;
+// eslint-disable-next-line @typescript-eslint/no-magic-numbers
 const creditCardPaymentMethodId = 1380;
 const americanExpressMethodId = 714;
 const specialCards = [
@@ -2622,8 +2626,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: EventBuilderService }, { type: SettingsService }] });
 
+class PaymentSettingsService {
+    getPaymentSettingsParams(config) {
+        return {
+            ...(config?.paymentMethodSettings?.useSingleExpirationDateField
+                ? { useSingleExpirationDateField: "1" /* XpsBoolean.true */ }
+                : {}),
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PaymentSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PaymentSettingsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PaymentSettingsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class InitializeService {
-    constructor(responseFactory, xpsApiService, settingsService, countryService, nextActionService, xpsResponseErrorsMappingService, encryptCreditCardService, showErrorsActionCreator, userBehaviourAnalyticsService) {
+    constructor(responseFactory, xpsApiService, settingsService, countryService, nextActionService, xpsResponseErrorsMappingService, encryptCreditCardService, showErrorsActionCreator, userBehaviourAnalyticsService, paymentSettingsService) {
         this.responseFactory = responseFactory;
         this.xpsApiService = xpsApiService;
         this.settingsService = settingsService;
@@ -2633,8 +2655,10 @@ class InitializeService {
         this.encryptCreditCardService = encryptCreditCardService;
         this.showErrorsActionCreator = showErrorsActionCreator;
         this.userBehaviourAnalyticsService = userBehaviourAnalyticsService;
+        this.paymentSettingsService = paymentSettingsService;
     }
     async request(config) {
+        const paymentSettingsParams = this.paymentSettingsService.getPaymentSettingsParams(config);
         const requestParams = {
             access_token: this.settingsService.token,
             pid: String(config.paymentMethodId),
@@ -2646,6 +2670,7 @@ class InitializeService {
             save_payment_account_only: config.savePaymentMethod
                 ? "1" /* XpsBoolean.true */
                 : "0" /* XpsBoolean.false */,
+            ...paymentSettingsParams,
         };
         if (config.savedMethodId) {
             requestParams.saved_method_id = config.savedMethodId;
@@ -2680,7 +2705,7 @@ class InitializeService {
         }
         this.encryptCreditCardService.setPublicKey(atob(publicKeyField.value));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: InitializeService, deps: [{ token: initializeResponseFactoryToken }, { token: XpsApiService }, { token: SettingsService }, { token: CountryService }, { token: NextActionService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }, { token: ShowErrorsActionCreator }, { token: UserBehaviourAnalyticsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: InitializeService, deps: [{ token: initializeResponseFactoryToken }, { token: XpsApiService }, { token: SettingsService }, { token: CountryService }, { token: NextActionService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }, { token: ShowErrorsActionCreator }, { token: UserBehaviourAnalyticsService }, { token: PaymentSettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: InitializeService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: InitializeService, decorators: [{
@@ -2691,7 +2716,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [initializeResponseFactoryToken]
-                }] }, { type: XpsApiService }, { type: SettingsService }, { type: CountryService }, { type: NextActionService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: ShowErrorsActionCreator }, { type: UserBehaviourAnalyticsService }] });
+                }] }, { type: XpsApiService }, { type: SettingsService }, { type: CountryService }, { type: NextActionService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: ShowErrorsActionCreator }, { type: UserBehaviourAnalyticsService }, { type: PaymentSettingsService }] });
 
 class XpsApiPartRequest {
     addXpsParameters(parameters) {
@@ -2699,6 +2724,11 @@ class XpsApiPartRequest {
             this[`xps_${key}`] = parameters[key];
         }
     }
+    addParameters(parameters) {
+        for (const key in parameters) {
+            this[key] = parameters[key];
+        }
+    }
 }
 
 class TokenError extends AppError {
@@ -2710,10 +2740,11 @@ class TokenError extends AppError {
 class SubmitRequest extends XpsApiPartRequest {
     constructor(parameters) {
         super();
-        const { token, fields, form, dfpHash } = parameters;
+        const { token, fields, form, dfpHash, ...restParameters } = parameters;
         if (token === null) {
             throw new TokenError();
         }
+        this.addParameters(restParameters);
         this.access_token = token;
         if (dfpHash) {
             this.xps_dfp_hash = dfpHash;
@@ -2721,11 +2752,21 @@ class SubmitRequest extends XpsApiPartRequest {
         this.addXpsParameters(this.getFieldsValues(fields, form));
     }
     getFieldsValues(fields, form) {
-        return fields.reduce((xpsParams, field) => {
+        const fieldValues = fields.reduce((xpsParams, field) => {
             const formControl = form.get(field.name);
             xpsParams[field.name] = formControl ? formControl.value : field?.value;
             return xpsParams;
         }, {});
+        return this.splitCreditCardExpiration(fieldValues);
+    }
+    splitCreditCardExpiration(fieldsValues) {
+        const creditCardExpiration = fieldsValues[FieldNames.cardExpire];
+        if (creditCardExpiration) {
+            const [month, year] = creditCardExpiration.split('/');
+            fieldsValues['card_month'] = month;
+            fieldsValues['card_year'] = year;
+        }
+        return fieldsValues;
     }
 }
 
@@ -2806,7 +2847,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
         }], ctorParameters: () => [{ type: SettingsService }] });
 
 class SubmitService {
-    constructor(requestFactory, responseFactory, settingsService, deviceFingerPrintService, xpsApiService, xpsResponseErrorsMappingService, encryptCreditCardService, userBehaviourAnalyticsService) {
+    constructor(requestFactory, responseFactory, settingsService, deviceFingerPrintService, xpsApiService, xpsResponseErrorsMappingService, encryptCreditCardService, userBehaviourAnalyticsService, paymentSettingsService) {
         this.requestFactory = requestFactory;
         this.responseFactory = responseFactory;
         this.settingsService = settingsService;
@@ -2815,21 +2856,24 @@ class SubmitService {
         this.xpsResponseErrorsMappingService = xpsResponseErrorsMappingService;
         this.encryptCreditCardService = encryptCreditCardService;
         this.userBehaviourAnalyticsService = userBehaviourAnalyticsService;
+        this.paymentSettingsService = paymentSettingsService;
     }
     // NB: Never add 'async' statement for this method!
     // 'Async' statement wraps current promise into another.
     // In this way two promises become unequal, that can broke XPS API requests logic.
     // eslint-disable-next-line @typescript-eslint/promise-function-async
-    request(fields, form) {
+    request(fields, form, config) {
         return (this.deviceFingerPrintService
             .getHash()
             // eslint-disable-next-line @typescript-eslint/promise-function-async
             .then((dfpHash) => {
+            const paymentSettingsParams = this.paymentSettingsService.getPaymentSettingsParams(config);
             const requestParams = this.requestFactory({
                 token: this.settingsService.token,
                 fields,
                 form,
                 dfpHash,
+                ...paymentSettingsParams,
             });
             const encryptedRequest = this.encryptCreditCardService.encryptCreditCard(requestParams);
             return this.xpsApiService
@@ -2856,7 +2900,7 @@ class SubmitService {
             fields: Object.keys(xpsResponse.form).map((key) => xpsResponse.form[key]),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SubmitService, deps: [{ token: submitRequestFactoryToken }, { token: submitResponseFactoryToken }, { token: SettingsService }, { token: DeviceFingerPrintService }, { token: XpsApiService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }, { token: UserBehaviourAnalyticsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SubmitService, deps: [{ token: submitRequestFactoryToken }, { token: submitResponseFactoryToken }, { token: SettingsService }, { token: DeviceFingerPrintService }, { token: XpsApiService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }, { token: UserBehaviourAnalyticsService }, { token: PaymentSettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SubmitService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SubmitService, decorators: [{
@@ -2868,7 +2912,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [submitResponseFactoryToken]
-                }] }, { type: SettingsService }, { type: DeviceFingerPrintService }, { type: XpsApiService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: UserBehaviourAnalyticsService }] });
+                }] }, { type: SettingsService }, { type: DeviceFingerPrintService }, { type: XpsApiService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: UserBehaviourAnalyticsService }, { type: PaymentSettingsService }] });
 
 class EmitDataService {
     constructor() {
@@ -2882,14 +2926,15 @@ class EmitDataService {
 
 /* eslint-disable @typescript-eslint/naming-convention */
 class SyncRequest extends XpsApiPartRequest {
-    constructor(parameters) {
+    constructor({ token, changedField, fields, form, ...parameters }) {
         super();
         this.xps_fix_command = 'calculate';
-        this.access_token = parameters.token;
-        const fieldsValues = this.getFieldsValues(parameters.changedField, parameters.fields, parameters.form);
+        this.access_token = token;
+        const fieldsValues = this.getFieldsValues(changedField, fields, form);
+        this.addParameters(parameters);
         this.addXpsParameters({
             ...fieldsValues,
-            change_element: parameters.changedField.name,
+            change_element: changedField.name,
         });
     }
     getFieldsValues(changedField, fields, form) {
@@ -2940,7 +2985,7 @@ const syncResponseFactoryProvider = {
 };
 
 class SyncService extends EmitDataService {
-    constructor(requestFactory, responseFactory, xpsApiService, nextActionService, settingsService, xpsResponseErrorsMappingService, encryptCreditCardService, showErrorsActionCreator, userBehaviourAnalyticsService) {
+    constructor(requestFactory, responseFactory, xpsApiService, nextActionService, settingsService, xpsResponseErrorsMappingService, encryptCreditCardService, showErrorsActionCreator, userBehaviourAnalyticsService, paymentSettingsService) {
         super();
         this.requestFactory = requestFactory;
         this.responseFactory = responseFactory;
@@ -2951,8 +2996,10 @@ class SyncService extends EmitDataService {
         this.encryptCreditCardService = encryptCreditCardService;
         this.showErrorsActionCreator = showErrorsActionCreator;
         this.userBehaviourAnalyticsService = userBehaviourAnalyticsService;
+        this.paymentSettingsService = paymentSettingsService;
         this.prevFieldSyncStates = {};
         this.form = new UntypedFormGroup({});
+        this.paymentConfiguration = null;
         this.fields = [];
         this.fieldSyncTimers = {};
         this.fieldAsyncValidation = new Subject();
@@ -2960,15 +3007,17 @@ class SyncService extends EmitDataService {
     get fieldAsyncValidation$() {
         return this.fieldAsyncValidation.asObservable();
     }
-    setup(form, fields) {
+    setup(form, fields, config) {
         this.reset();
         this.form = form;
         this.fields = fields;
+        this.paymentConfiguration = config;
     }
     reset() {
         this.prevFieldSyncStates = {};
         this.form = new UntypedFormGroup({});
         this.fields = [];
+        this.paymentConfiguration = null;
     }
     async validate(field, delay = Number('750')) {
         if (!this.isReadyField(field)) {
@@ -3018,11 +3067,13 @@ class SyncService extends EmitDataService {
         return control?.errors ?? null;
     }
     async request(field) {
+        const paymentSettingsParams = this.paymentSettingsService.getPaymentSettingsParams(this.paymentConfiguration);
         const requestParams = this.requestFactory({
             token: this.settingsService.token,
             changedField: field,
             fields: this.fields,
             form: this.form,
+            ...paymentSettingsParams,
         });
         const encryptedRequest = this.encryptCreditCardService.encryptCreditCard(requestParams);
         return this.xpsApiService
@@ -3064,7 +3115,7 @@ class SyncService extends EmitDataService {
         }
         this.fieldSyncTimers[field.name] = timerId;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SyncService, deps: [{ token: syncRequestFactoryToken }, { token: syncResponseFactoryToken }, { token: XpsApiService }, { token: NextActionService }, { token: SettingsService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }, { token: ShowErrorsActionCreator }, { token: UserBehaviourAnalyticsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SyncService, deps: [{ token: syncRequestFactoryToken }, { token: syncResponseFactoryToken }, { token: XpsApiService }, { token: NextActionService }, { token: SettingsService }, { token: XpsResponseErrorsMappingService }, { token: EncryptCreditCardService }, { token: ShowErrorsActionCreator }, { token: UserBehaviourAnalyticsService }, { token: PaymentSettingsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SyncService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SyncService, decorators: [{
@@ -3078,7 +3129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [syncResponseFactoryToken]
-                }] }, { type: XpsApiService }, { type: NextActionService }, { type: SettingsService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: ShowErrorsActionCreator }, { type: UserBehaviourAnalyticsService }] });
+                }] }, { type: XpsApiService }, { type: NextActionService }, { type: SettingsService }, { type: XpsResponseErrorsMappingService }, { type: EncryptCreditCardService }, { type: ShowErrorsActionCreator }, { type: UserBehaviourAnalyticsService }, { type: PaymentSettingsService }] });
 
 function convert(validator, message) {
     return (control) => {
@@ -3404,15 +3455,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: SyncService }, { type: CreditCardMinLengthValidator }, { type: CreditCardMinLengthValidator }] });
 
-const maxMonths = 12;
-const getMinMonth = (parsedYear) => {
+const maxMonths$1 = 12;
+const getMinMonth$1 = (parsedYear) => {
     let minMonth = 1;
     const year = parsedYear ? Number('20' + parsedYear) : null;
     const today = new Date();
     minMonth = year === today.getFullYear() ? today.getMonth() + 1 : 1;
     return minMonth;
 };
-const sendErrMessage$1 = (fn) => ({
+const sendErrMessage$2 = (fn) => ({
     cardMonthExpiration: {
         message: fn,
     },
@@ -3422,20 +3473,20 @@ function cardMonthValidator(formState) {
         const { value } = control;
         if (typeof value !== 'string')
             return null;
-        const minMonth = getMinMonth(formState?.cardYearValue ?? null);
+        const minMonth = getMinMonth$1(formState?.cardYearValue ?? null);
         const twoDigitsRegex = new RegExp(/^\d{2}$/);
         const fieldCommonLength = 2;
         if (value.length !== fieldCommonLength) {
-            return sendErrMessage$1(`Enter ${fieldCommonLength} characters`);
+            return sendErrMessage$2(`Enter ${fieldCommonLength} characters`);
         }
         if (!twoDigitsRegex.test(value)) {
-            return sendErrMessage$1(`Enter a valid expiration month`);
+            return sendErrMessage$2(`Enter a valid expiration month`);
         }
         if (Number(value) < minMonth) {
-            return sendErrMessage$1(`Enter a month greater than or equal to ${minMonth}`);
+            return sendErrMessage$2(`Enter a month greater than or equal to ${minMonth}`);
         }
-        if (Number(value) > maxMonths) {
-            return sendErrMessage$1(`Enter a month less than or equal to ${maxMonths}`);
+        if (Number(value) > maxMonths$1) {
+            return sendErrMessage$2(`Enter a month less than or equal to ${maxMonths$1}`);
         }
         return null;
     };
@@ -3864,36 +3915,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: SyncService }] });
 
-const sendErrMessage = (fn) => ({
+const sendErrMessage$1 = (fn) => ({
     cardYearExpiration: {
         message: fn,
     },
 });
-const getLastCharactersInYear = (str = new Date().getFullYear().toString()) => {
+const getLastCharactersInYear$1 = (str = new Date().getFullYear().toString()) => {
     // for getting last characters in year; need to check in future
     return str.slice(str.length - 2);
 };
 // Карта выдается максимум на 50 лет
-const maxYearsCount = 50;
+const maxYearsCount$1 = 50;
 function cardYearValidator(control) {
     const { value } = control;
     if (typeof value !== 'string')
         return null;
-    const minYear = parseInt(getLastCharactersInYear(), 10);
+    const minYear = parseInt(getLastCharactersInYear$1(), 10);
     const twoDigitsRegex = new RegExp(/^\d{2}$/);
     const fieldCommonLength = 2;
     if (value.length !== fieldCommonLength) {
-        return sendErrMessage(`Enter ${fieldCommonLength} characters`);
+        return sendErrMessage$1(`Enter ${fieldCommonLength} characters`);
     }
     if (!twoDigitsRegex.test(value)) {
-        return sendErrMessage(`Enter a valid expiration year`);
+        return sendErrMessage$1(`Enter a valid expiration year`);
     }
     if (Number(value) < minYear) {
-        return sendErrMessage(`Enter a year greater than or equal to ${minYear}`);
+        return sendErrMessage$1(`Enter a year greater than or equal to ${minYear}`);
     }
-    const maxValidYear = minYear + maxYearsCount;
+    const maxValidYear = minYear + maxYearsCount$1;
     if (Number(value) > maxValidYear) {
-        return sendErrMessage(`Enter a year less than or equal to ${maxValidYear}`);
+        return sendErrMessage$1(`Enter a year less than or equal to ${maxValidYear}`);
     }
     return null;
 }
@@ -3979,11 +4030,105 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: SyncService }] });
 
+const getMinMonth = (parsedYear) => {
+    let minMonth = 1;
+    if (parsedYear) {
+        const year = parsedYear ? Number('20' + parsedYear) : null;
+        const today = new Date();
+        minMonth = year === today.getFullYear() ? today.getMonth() + 1 : 1;
+    }
+    return minMonth;
+};
+const sendErrMessage = (fn) => ({
+    rewritableError: {
+        message: fn,
+    },
+});
+const getLastCharactersInYear = (str = new Date().getFullYear().toString()) => {
+    // for getting last characters in year; need to check in future
+    return str.slice(str.length - 2);
+};
+const sliceMmYy = (value) => {
+    const sliceIndex = 2;
+    const month = value.slice(0, sliceIndex);
+    const year = value.slice(-sliceIndex);
+    return { month, year };
+};
+const maxYearsCount = 50;
+function cardExpValidator(control) {
+    const { value } = control;
+    if (typeof value !== 'string')
+        return null;
+    const { month, year } = sliceMmYy(value);
+    const minMonth = getMinMonth(year);
+    const minYear = parseInt(getLastCharactersInYear(), 10);
+    const twoDigitsRegex = new RegExp(/^\d{2}$/);
+    const fieldCommonLength = 4;
+    const trickyFieldLength = fieldCommonLength + 1;
+    if (value.length !== trickyFieldLength) {
+        return sendErrMessage(`Enter ${fieldCommonLength} characters`);
+    }
+    if (!twoDigitsRegex.test(month)) {
+        return sendErrMessage('Enter a valid expiration month');
+    }
+    if (Number(month) < minMonth) {
+        return sendErrMessage(`Enter a month greater than or equal to ${minMonth}`);
+    }
+    if (Number(month) > maxMonths) {
+        return sendErrMessage(`Enter a month less than or equal to ${maxMonths}`);
+    }
+    if (!twoDigitsRegex.test(year)) {
+        return sendErrMessage(`Enter a valid expiration year`);
+    }
+    if (Number(year) < minYear) {
+        return sendErrMessage(`Enter a year greater than or equal to ${minYear}`);
+    }
+    const maxValidYear = minYear + maxYearsCount;
+    if (Number(year) > maxValidYear) {
+        return sendErrMessage(`Enter a year less than or equal to ${maxValidYear}`);
+    }
+    return null;
+}
+
+const maxMonths = 12;
+class CardExpirationConverter extends Converter {
+    constructor(syncService) {
+        super(syncService);
+    }
+    getValidators(field) {
+        return super.getValidators(field).concat([cardExpValidator]);
+    }
+    createControlConfig(field, formState) {
+        const config = this.createDefaultControlConfig(TextControlConfig, field);
+        config.maskConfig = {
+            mask: '99/99',
+            guide: false,
+        };
+        config.inputMode = 'numeric';
+        config.placeholder = 'MM/YY';
+        config.title = 'MM/YY';
+        config.disabled = formState?.disabled ?? false;
+        return config;
+    }
+    getAutocomplete() {
+        return 'cc-exp';
+    }
+    getDataType() {
+        return 'text';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CardExpirationConverter, deps: [{ token: SyncService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CardExpirationConverter }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CardExpirationConverter, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: SyncService }] });
+
 const convertersMapToken = new InjectionToken('ConvertersTokensMap');
 const convertersMap = {
     card_number: CardNumberConverter,
     card_month: CardMonthConverter,
     card_year: CardYearConverter,
+    card_expire: CardExpirationConverter,
     cvv: CvvConverter,
     extra_cvv: CvvConverter,
     zip: ZipConverter,
@@ -6490,7 +6635,7 @@ class PaymentService {
         this.fields = this.getFields();
         this.form = this.formService.createForm(this.fields);
         this.updatePidConfig();
-        this.setupSyncService(this.form, this.fields);
+        this.setupSyncService(this.form, this.fields, config);
         this.listenFormStatusChanges(this.form);
         const isNeedAutoSubmit = this.canAutoSubmit();
         if (isNeedAutoSubmit) {
@@ -6517,7 +6662,7 @@ class PaymentService {
             return;
         }
         this.isSavingMethodMode = this.fields.some(({ name, value }) => name === 'savePsAccountOnly' && value === "1" /* XpsBoolean.true */);
-        const submitResponse = await this.submitService.request(this.fields, this.form);
+        const submitResponse = await this.submitService.request(this.fields, this.form, this.config);
         this.data = submitResponse;
         this.emitFormResponse(this.data);
         if (!this.isSavingMethodMode) {
@@ -6532,7 +6677,7 @@ class PaymentService {
         }
         this.fields = this.getFields();
         this.form = this.formService.createForm(this.fields);
-        this.syncService.setup(this.form, this.fields);
+        this.syncService.setup(this.form, this.fields, this.config);
         return this.nextActionService.getNextAction(submitResponse);
     }
     getFields() {
@@ -6738,8 +6883,8 @@ class PaymentService {
     emitFormMessages(messages) {
         this.formMessagesService.emitOnResponse(messages);
     }
-    setupSyncService(form, fields) {
-        this.syncService.setup(form, fields);
+    setupSyncService(form, fields, config) {
+        this.syncService.setup(form, fields, config);
         this.syncService.data$
             .pipe(takeUntil(this.destroy$))
             .subscribe((response) => {
@@ -7609,6 +7754,7 @@ class FormModule {
             CardNumberConverter,
             CardMonthConverter,
             CardYearConverter,
+            CardExpirationConverter,
             CvvConverter,
             CvvConverter,
             ZipConverter,
@@ -7643,6 +7789,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImpor
                         CardNumberConverter,
                         CardMonthConverter,
                         CardYearConverter,
+                        CardExpirationConverter,
                         CvvConverter,
                         CvvConverter,
                         ZipConverter,