@redneckz/wildless-cms-uni-blocks 0.14.955 → 0.14.956

package/src/retail/components/Fields/CardCategoryField.tsx

@@ -12,6 +12,7 @@ export const CardCategoryField = JSX<CustomFieldProps>(({ field, input }) => {
   const [programId] = useLocalStorage<string>('programId');
   const { value: selectedCardCategory, onChange: cardCategoryChange } = field('cardCategory');
   const selectedPaymentSystem = field('paymentSystem')?.value?.key;
+  const handleChangeIsMomentDebitCard = field('isMomentDebitCard')?.onChange;
 
   const getCardCategoryValue = useCallback(
     (fetchedCardTypes: CardTypeData[]) =>
@@ -24,6 +25,11 @@ export const CardCategoryField = JSX<CustomFieldProps>(({ field, input }) => {
     [],
   );
 
+  const onChange = useCallback((value: Option) => {
+    cardCategoryChange?.(value);
+    handleChangeIsMomentDebitCard?.(value?.text?.toLowerCase()?.includes('момент'));
+  }, []);
+
   useEffect(() => {
     if (selectedPaymentSystem && programId) {
       (async () => {
@@ -50,6 +56,7 @@ export const CardCategoryField = JSX<CustomFieldProps>(({ field, input }) => {
         label="Категория карты"
         fieldName="cardCategory"
         input={input}
+        onChange={onChange}
       />
       {description ? <InfoCard __html={description} /> : null}
     </div>

package/src/retail/components/Fields/DeliveryDateFiels.tsx

@@ -1,7 +1,16 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { DatePickerControl } from '../../../ui-kit/DatePicker/DatePickerControl';
 import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProps';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 
-export const DeliveryDateFiels = JSX<CustomFieldProps>(({ field, input }) => (
-  <DatePickerControl label="Дата доставки" {...field(input?.name ?? '')} minDate={new Date()} />
-));
+const MIN_DATE = new Date(Date.now() + 1 * 24 * 60 * 60 * 1000);
+
+export const DeliveryDateFiels = JSX<CustomFieldProps>(({ field, input }) => {
+  const { productType } = useRetailFormStore();
+  const isDebit = productType === 'debitCard';
+  const minDate = isDebit ? MIN_DATE : new Date();
+
+  return (
+    <DatePickerControl label="Дата доставки" {...field(input?.name ?? '')} minDate={minDate} />
+  );
+});

package/src/retail/components/Fields/DeliveryTimeField.tsx

@@ -4,15 +4,26 @@ import { type CustomFieldProps } from '../../../ui-kit/FormField/CustomFieldProp
 import { type RadioButtonItem } from '../../../ui-kit/RadioButtonGroup/RadioButtonGroup';
 import { RadioButtonGroupControl } from '../../../ui-kit/RadioButtonGroup/RadioButtonGroupControl';
 import { useLeadFormData } from '../../hooks/useLeadFormData';
+import { useRetailFormStore } from '../../hooks/useRetailFormStore';
 
 export const DeliveryTimeField = JSX<CustomFieldProps>(({ field, input }) => {
+  const { productType } = useRetailFormStore();
+  const isDebit = productType === 'debitCard';
   const { data } = useLeadFormData('COURIER_DELIVERY_TIME');
+
+  const deliveryTimeDebit = [
+    { id: 'TIME_1', text: '10:00-14:00' },
+    { id: 'TIME_2', text: '14:00-18:00' },
+  ];
+
   const deliveryTime: RadioButtonItem[] = useMemo(
     () =>
-      data?.map((_) => ({
-        id: _.key as string,
-        text: _.value,
-      })) ?? [],
+      isDebit
+        ? deliveryTimeDebit
+        : data?.map((_) => ({
+            id: _.key as string,
+            text: _.value,
+          })) ?? [],
     [data],
   );
 

package/src/retail/components/Fields/RegionRetailField.tsx

@@ -14,12 +14,12 @@ export const RegionRetailField = JSX<CustomFieldProps>(({ field, input }) => {
   const { data: regions } = useLeadFormData('REGION_RF');
   const { data: regionsDelivery } = useAsyncData('regionsDelivery', getRegionsCardDelivery);
   const { data: productSettings } = useLeadFormData(getCurrentProductSettings(productType));
+  const isEsiaAuth = field('esiaAccountTypeCd')?.value?.key;
 
   const isSalaryCard = programId === '38';
   const formatRegions = regions?.map(({ key, value }) => ({ key, text: value }));
   const isDeliveryActive =
     productSettings?.find((_) => _?.key === 'DELIVERY_ACTIVE')?.value === 'true';
-
   const handleChangeRegion = field('regionRetail')?.onChange;
   const handleChangeRegionHasDelivery = field('regionHasDelivery')?.onChange;
   const handleChangeMethodObtain = field('methodObtain')?.onChange;
@@ -29,7 +29,8 @@ export const RegionRetailField = JSX<CustomFieldProps>(({ field, input }) => {
       const regionHasDelivery =
         isDeliveryActive &&
         regionsDelivery?.find((_) => _.regionCode === value.key)?.deliveryFlg &&
-        !isSalaryCard;
+        !isSalaryCard &&
+        Boolean(isEsiaAuth);
       handleChangeRegionHasDelivery?.(regionHasDelivery);
       handleChangeMethodObtain?.(regionHasDelivery ? 'courier' : 'office');
       handleChangeRegion?.(value);

package/src/retail/components/Fields/SelectField.tsx

@@ -18,6 +18,7 @@ export interface SelectFieldProps
   fieldName: string;
   isSearch?: boolean;
   isManualInput?: boolean;
+  onChange?: (value: Option) => void;
 }
 
 export const SelectField = UniBlock<SelectFieldProps>(
@@ -28,6 +29,7 @@ export const SelectField = UniBlock<SelectFieldProps>(
     placeholder = 'Выберите из списка',
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     options,
+    onChange,
     ...rest
   }) => {
     const leadOptions: Option[] =
@@ -42,6 +44,7 @@ export const SelectField = UniBlock<SelectFieldProps>(
         options={leadOptions}
         {...field(fieldName)}
         {...rest}
+        onChange={onChange ?? field(fieldName)?.onChange}
       />
     );
   },

package/src/retail/model/LeadFormState.ts

@@ -186,6 +186,7 @@ export interface LeadFormState extends FormRetailConsents, FormStateDeliveryType
   latinName?: string;
   latinSurname?: string;
   regionHasDelivery?: boolean;
+  isMomentDebitCard?: boolean;
   files?: File[];
   deliveryTime?: string;
 }

package/src/retail/model/NameFieldDef.ts

@@ -27,6 +27,7 @@ type NameFieldCreditCardDef =
   | 'methodObtain'
   | 'deliveryDate'
   | 'regionHasDelivery'
+  | 'isMomentDebitCard'
   | 'latinName'
   | 'latinSurname';