@redneckz/wildless-cms-uni-blocks 0.14.645 → 0.14.647

package/src/ui-kit/FormField/Fields/PaymentSystemField.tsx

@@ -0,0 +1,31 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { RadioButtonGroup, type RadioButtonItem } from '../../RadioButtonGroup/RadioButtonGroup';
+import { Text } from '../../Text/Text';
+import { type CustomFieldProps } from '../CustomFieldProps';
+
+export const PAYMENT_SYSTEM_TYPES: RadioButtonItem[] = [
+  { id: 'mir', text: 'Карта МИР' },
+  { id: 'union_pay', text: 'UnionPay' },
+  { id: 'payment_system_j', text: 'Платежная система (Дж)' },
+  { id: 'payment_system_b', text: 'Платежная система (B)* ' },
+  { id: 'free_card', text: 'Бесплатная карта' },
+];
+
+export const PaymentSystemField = JSX<CustomFieldProps>(({ field }) => {
+  const { value, onChange } = field('paymentSystem');
+
+  return (
+    <div className="">
+      <Text font="font-light">Платежная система</Text>
+      <div className="py-m gap-m grid @xl:flex @xl:items-center">
+        <RadioButtonGroup
+          className="whitespace-normal"
+          orientation="horizontal"
+          items={PAYMENT_SYSTEM_TYPES}
+          value={value ?? 'mir'}
+          onChange={(_) => onChange && onChange(_)}
+        />
+      </div>
+    </div>
+  );
+});

package/src/ui-kit/FormField/NameFieldDef.ts

@@ -87,4 +87,8 @@ export type NameFieldDef =
   | 'partInBusiness'
   | 'regionRetail'
   | 'addressRetail'
-  | 'addressMatch';
+  | 'addressMatch'
+  | 'paymentSystem'
+  | 'currency'
+  | 'cardCategory'
+  | 'codeWord';

package/src/ui-kit/FormField/getField.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable max-lines */
+/* eslint-disable max-lines-per-function */
 import { type FieldDef } from '../../components/ApplicationForm/ApplicationFormContent';
 import { getRegionUrl } from '../../components/ApplicationForm/getRegionUrl';
 import { type FormFieldRegisterer } from '../../hooks/useForm';
@@ -18,12 +19,15 @@ import { BankruptcyFlgField } from './Fields/BankruptcyFlgField';
 import { BeginDateField } from './Fields/BeginDateField';
 import { BirthdayField } from './Fields/BirthdayField';
 import { BirthPlaceField } from './Fields/BirthPlaceField';
+import { CardCategoryField } from './Fields/CardCategoryField';
 import { ChildrenField } from './Fields/ChildrenField';
+import { CodeWordField } from './Fields/CodeWordField';
 import { CollectionCountField } from './Fields/CollectionCountField';
 import { CommentField } from './Fields/CommentField';
 import { ConscriptionField } from './Fields/ConscriptionField';
 import { ConsentField } from './Fields/ConsentField';
 import { CreditInRshbCdField } from './Fields/CreditInRshbCdField';
+import { CurrencyField } from './Fields/CurrencyField';
 import { DependentsField } from './Fields/DependentsField';
 import { DesiredMeetingDateField } from './Fields/DesiredMeetingDateField';
 import { DisablePeopleFlgField } from './Fields/DisablePeopleFlgField';
@@ -63,6 +67,7 @@ import { OtherPaymentsField } from './Fields/OtherPayments';
 import { ParticipantDateRegistrationField } from './Fields/ParticipantDateRegistrationField';
 import { PartInBusinessField } from './Fields/PartInBusinessField';
 import { PartnerCommentsField } from './Fields/PartnerCommentsField';
+import { PaymentSystemField } from './Fields/PaymentSystemField';
 import { PhoneField } from './Fields/PhoneField';
 import { PositionOrganizationField } from './Fields/PositionOrganizationField';
 import { PosTerminalField } from './Fields/PosTerminalField';
@@ -89,8 +94,8 @@ const PRODUCT_REF = {
 };
 
 export const getField =
-  // eslint-disable-next-line max-lines-per-function
-  (field: FormFieldRegisterer<any>, typeForm: string) => (input: FieldDef, i: number) => {
+  (field: FormFieldRegisterer<any>, typeForm: string, isRetailForm = false) =>
+  (input: FieldDef, i: number) => {
     const isPremium = typeForm === 'ULTRASERVICE' || typeForm === 'PREMIUMSERVICE';
 
     const InputsMap = {
@@ -114,7 +119,7 @@ export const getField =
       comment: <CommentField field={field} input={input} />,
       addressBranch: <AddressBranchField field={field} input={input} isPremium={isPremium} />,
       sex: <SexField field={field} input={input} />,
-      birthday: <BirthdayField field={field} input={input} />,
+      birthday: <BirthdayField field={field} input={input} isRetailForm={isRetailForm} />,
       birthPlace: <BirthPlaceField field={field} input={input} />,
       desiredMeetingDate: <DesiredMeetingDateField field={field} input={input} />,
       product: <ProductField field={field} source={PRODUCT_REF} />,
@@ -143,7 +148,6 @@ export const getField =
       applicationDate: (
         <InputControl label="Дата и время обращения в Банк" {...field('applicationDate')} />
       ),
-
       region: isPremium ? (
         <RegionPremiumField field={field} />
       ) : (
@@ -187,6 +191,10 @@ export const getField =
       regionRetail: <RetailRegionField field={field} input={input} />,
       addressRetail: <RetailAddressField field={field} input={input} />,
       addressMatch: <AddressMatchField field={field} input={input} />,
+      paymentSystem: <PaymentSystemField field={field} input={input} />,
+      currency: <CurrencyField field={field} input={input} />,
+      cardCategory: <CardCategoryField field={field} input={input} />,
+      codeWord: <CodeWordField field={field} input={input} />,
     };
 
     return isRenderField({ input, field }) ? (

package/src/ui-kit/FormField/getObjectValidator.tsx

@@ -4,6 +4,7 @@ import { getNamesFromInput } from './getNamesFromInput';
 import {
   addressDaDataValidator,
   agreementValidator,
+  codeWordValidator,
   defaultSelectValidator,
   defaultValidator,
   emailValidator,
@@ -97,6 +98,7 @@ export const validatorObj: Record<string, Validator> = {
   regionRetail: defaultSelectValidator('Выберите филиал банка'),
   addressRetail: defaultSelectValidator('Выберите адрес банка'),
   addressMatch: defaultValidator(),
+  codeWord: codeWordValidator('Необходимо ввести кодовое слово'),
 };
 
 export const getObjectValidator = (inputs: FieldDef[]): Record<string, Validator> => {

package/src/ui-kit/FormField/validators.ts

@@ -71,3 +71,8 @@ const addressDaDataValidate = (address: Address) =>
 
 export const addressDaDataValidator = () =>
   validator(addressDaDataValidate)('Укажите регион, город/населенный пункт, улицу, дом, квартиру');
+export const codeWordValidator = (errorMsg?: string) =>
+  validator(
+    (_) =>
+      typeof _ === 'string' && _.length >= 3 && _.length <= 21 && /^[\u0400-\u04FF\d]+$/u.test(_),
+  )(errorMsg ?? ERROR_MESSAGE);