@redneckz/wildless-cms-uni-blocks 0.15.342 → 0.16.1

package/mobile/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx

@@ -1,74 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type BlockVersion } from '../../model/BlockVersion';
-import { style } from '../../utils/style';
-import { type SwipeListControlType } from './SwipeListControlContent';
-
-const containerStyles: Record<SwipeListControlType, string> = {
-  'horizontal-list': 'mx-auto mt-lg w-fit',
-  'vertical-list': 'absolute flex-col justify-center h-full top-0 left-4',
-};
-
-const activeDotStyles: Record<SwipeListControlType, string> = {
-  'horizontal-list': 'w-6',
-  'vertical-list': 'h-6',
-};
-
-const dotStyle =
-  'cursor-pointer rounded-full transition-width duration-300 bg-primary-main group-data-secondary:bg-white group-data-transparent:bg-white';
-
-const inactiveDotStyle = 'w-2 h-2 opacity-30';
-
-export interface SwipeListControlDotsProps {
-  className?: string;
-  containerRef?: { current: HTMLDivElement | null };
-  activeIndex?: number;
-  dotCount?: number;
-  listType?: SwipeListControlType;
-  version?: BlockVersion;
-}
-
-export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
-  ({
-    className = '',
-    containerRef,
-    activeIndex,
-    dotCount = 0,
-    listType = 'horizontal-list',
-    version,
-  }) => {
-    const handleClick = (idx: number) => {
-      if (idx !== activeIndex && containerRef?.current) {
-        containerRef.current.children[idx]?.scrollIntoView({
-          behavior: 'smooth',
-          block: 'nearest',
-        });
-      }
-    };
-
-    return dotCount ? (
-      <div
-        className={style(
-          'flex gap-xs',
-          containerStyles[listType],
-          version ? 'group' : '',
-          className,
-        )}
-        data-ver={version}
-      >
-        {Array.from({ length: dotCount })
-          .fill(null)
-          .map((_, idx: number) => (
-            <div
-              key={String(idx)}
-              className={`${dotStyle} ${
-                idx === activeIndex ? activeDotStyles[listType] : inactiveDotStyle
-              }`}
-              role="button"
-              aria-hidden
-              onClick={() => handleClick(idx)}
-            />
-          ))}
-      </div>
-    ) : null;
-  },
-);

package/mobile/src/ui-kit/SwipeListControl/isShowDots.tsx

@@ -1 +0,0 @@
-export const isShowDots = true;

package/mobile/src/utils/mergeJson.ts

@@ -1,40 +0,0 @@
-import { isJSONRecord, type JSONNode, type JSONRecord } from '@redneckz/json-ref';
-import { tableFunc } from './tableFunc';
-
-const isArrayOfObjectsWithId = (array: JSONNode): array is JSONRecord[] =>
-  Array.isArray(array) && array.every((item) => isJSONRecord(item) && '__id' in item);
-
-export type Predicate<Input> = (input: Input) => boolean;
-
-export const mergeJson = (json: JSONRecord, diffs: JSONRecord): JSONRecord =>
-  Object.entries(diffs).reduce(
-    (result, [diffKey, diffValue]) => ({
-      ...result,
-      [diffKey]: applyDiff(json)([diffKey, diffValue]),
-    }),
-    json,
-  );
-
-const applyDiff = (json: JSONRecord) =>
-  tableFunc
-    .if(
-      ([diffKey, diffValue]: [key: string, value: JSONNode]) =>
-        isArrayOfObjectsWithId(diffValue) && isArrayOfObjectsWithId(json[diffKey]),
-    )
-    .then(([diffKey, diffValue]) =>
-      mergeArraysWithId(json[diffKey] as JSONRecord[], diffValue as JSONRecord[]),
-    )
-    .if(([diffKey, diffValue]) => isJSONRecord(diffValue) && isJSONRecord(json[diffKey]))
-    .then(([diffKey, diffValue]) => mergeJson(json[diffKey] as JSONRecord, diffValue as JSONRecord))
-    .else(([, diffValue]) => diffValue);
-
-const mergeArraysWithId = (target: JSONRecord[], diff: JSONRecord[]): JSONRecord[] =>
-  target
-    .map((item) => {
-      const diffItem = diff.find(byId(item.__id as string));
-
-      return diffItem ? mergeJson(item, diffItem) : item;
-    })
-    .concat(diff.filter((d) => !target.find(byId(d.__id as string))));
-
-const byId = (id: string) => (element: any) => element?.__id === id;

package/src/components/ApplicationForm/AcquiringField.tsx

@@ -1,36 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type Option } from '../../ui-kit/Select/Option';
-import { SelectControl } from '../../ui-kit/Select/SelectControl';
-import { type CustomFieldProps } from './CustomFieldProps';
-import { validatorObj } from './getObjectValidator';
-import { getValidation } from './getValidation';
-
-export const ACQUIRING_TYPES: Option[] = [
-  {
-    text: 'Торговый эквайринг',
-    key: 'trade',
-  },
-  {
-    text: 'СБП-эквайринг',
-    key: 'sbp',
-  },
-  {
-    text: 'Интернет-эквайринг',
-    key: 'internet',
-  },
-  {
-    text: 'Все виды эквайринга',
-    key: 'all',
-  },
-];
-
-export const AcquiringField = JSX<CustomFieldProps>(({ field, input }) => (
-  <SelectControl
-    label="Вид эквайринга"
-    placeholder="Выберите эквайринг"
-    options={ACQUIRING_TYPES}
-    {...getValidation(field('acquiringType'), validatorObj.acquiringType, input?.required)}
-  />
-));
-
-export const isAcquiringTrade = (key = ''): boolean => Boolean(key === 'trade' || key === 'all');

package/src/components/ApplicationForm/AddressBranchField.tsx

@@ -1,38 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { useBranches } from '../../hooks/useBranches';
-import { useBranchesByRegions } from '../../hooks/useBranchesByRegions';
-import { SelectControl } from '../../ui-kit/Select/SelectControl';
-import type { CustomFieldProps } from './CustomFieldProps';
-import { validatorObj } from './getObjectValidator';
-import { getValidation } from './getValidation';
-
-interface RegionFieldProps extends CustomFieldProps {
-  isPremium?: boolean;
-}
-
-export const AddressBranchField = JSX<RegionFieldProps>(({ field, input, isPremium = false }) => {
-  const fieldRegion = field('region');
-  const regionKey = fieldRegion?.value?.key as string;
-  const regionText = fieldRegion?.value?.text as string;
-  const addressBranch = isPremium
-    ? useBranchesByRegions()?.find((_) => _?.region === regionText)?.branches
-    : useBranches(regionKey)?.filter((branch) => branch?.address);
-  useEffect(() => {
-    if (fieldRegion?.value?.key !== '') {
-      field?.('addressBranch')?.onChange?.('');
-    }
-  }, [fieldRegion?.value]);
-
-  return (
-    <SelectControl
-      label="Отделение"
-      placeholder="Выберите отделение"
-      options={(addressBranch || []).map(({ address = '' }) => ({
-        key: address,
-        text: address,
-      }))}
-      {...getValidation(field('addressBranch'), validatorObj.addressBranch, input?.required)}
-    />
-  );
-});

package/src/components/ApplicationForm/AmountField.tsx

@@ -1,17 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { InputRange } from '../../ui-kit/InputRange/InputRange';
-import { type CustomFieldProps } from './CustomFieldProps';
-
-const MIN_CREDIT_AMOUNT = 1000;
-const MAX_CREDIT_AMOUNT = 1000000000;
-const ITEMS_CREDIT_AMOUNT = ['От 1 000 ₽', 'До 1 000 000 000 ₽'];
-
-export const AmountField = JSX<CustomFieldProps>(({ field }) => (
-  <InputRange
-    title="Сумма, ₽"
-    items={ITEMS_CREDIT_AMOUNT}
-    min={MIN_CREDIT_AMOUNT}
-    max={MAX_CREDIT_AMOUNT}
-    {...field('amount')}
-  />
-));

package/src/components/ApplicationForm/CommentField.tsx

@@ -1,14 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { InputControl } from '../../ui-kit/Input/InputControl';
-import { type CustomFieldProps } from './CustomFieldProps';
-import { validatorObj } from './getObjectValidator';
-import { getValidation } from './getValidation';
-
-export const CommentField = JSX<CustomFieldProps>(({ field, input }) => (
-  <InputControl
-    className="col-span-2"
-    {...getValidation(field('comment'), validatorObj.comment, input?.required)}
-    placeholder="Ваше сообщение"
-    isTextarea={true}
-  />
-));

package/src/components/ApplicationForm/CustomFieldProps.ts

@@ -1,7 +0,0 @@
-import { type FormFieldRegisterer } from '../../hooks/useForm';
-import { type FieldDef } from './ApplicationFormContent';
-
-export interface CustomFieldProps {
-  field: FormFieldRegisterer<any>;
-  input?: FieldDef;
-}

package/src/components/ApplicationForm/FeedbackMethodField.tsx

@@ -1,14 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { SelectControl } from '../../ui-kit/Select/SelectControl';
-import { withValidator } from '../../validation/withValidator';
-import { FEEDBACK_METHOD } from './contants';
-import { type CustomFieldProps } from './CustomFieldProps';
-import { validatorObj } from './getObjectValidator';
-
-export const FeedbackMethodField = JSX<CustomFieldProps>(({ field }) => (
-  <SelectControl
-    label="Способ получения ответа"
-    options={FEEDBACK_METHOD}
-    {...withValidator(field('feedbackMethod'), validatorObj.feedbackMethod)}
-  />
-));

package/src/components/ApplicationForm/FeedbackTypeField.tsx

@@ -1,25 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { SelectControl } from '../../ui-kit/Select/SelectControl';
-import { withValidator } from '../../validation/withValidator';
-import { FEEDBACK_TYPES, SERVICE_DIRECTIONS } from './contants';
-import { type CustomFieldProps } from './CustomFieldProps';
-import { validatorObj } from './getObjectValidator';
-
-export const FeedbackTypeField = JSX<CustomFieldProps>(({ field }) => {
-  const feedbackType = field('feedbackType');
-  useEffect(() => {
-    if (feedbackType?.value?.key === 'FEEDBACK') {
-      field('serviceDirection')?.onChange?.(SERVICE_DIRECTIONS[0]);
-    }
-  }, [feedbackType?.value]);
-
-  return (
-    <SelectControl
-      label="Тема"
-      placeholder="Выберите тему"
-      options={FEEDBACK_TYPES}
-      {...withValidator(feedbackType, validatorObj.feedbackType)}
-    />
-  );
-});

package/src/components/ApplicationForm/IsClientField.tsx

@@ -1,7 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { CheckboxWithError } from '../../ui-kit/Checkbox/CheckboxWithError';
-import { type CustomFieldProps } from './CustomFieldProps';
-
-export const IsClientField = JSX<CustomFieldProps>(({ field }) => (
-  <CheckboxWithError {...field('isClient')} text='Являюсь клиентом банка АО "Россельхозбанк"' />
-));

package/src/components/ApplicationForm/OnlineCheckoutField.tsx

@@ -1,10 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { SlideCheckbox } from '../../ui-kit/SlideCheckbox/SlideCheckbox';
-import { isAcquiringTrade } from './AcquiringField';
-import { type CustomFieldProps } from './CustomFieldProps';
-
-export const OnlineCheckoutField = JSX<CustomFieldProps>(({ field }) =>
-  isAcquiringTrade(field('acquiringType')?.value?.key as string) ? (
-    <SlideCheckbox type="radio" text="Хочу онлайн-кассу" {...field('onlineCheckout')} />
-  ) : null,
-);

package/src/components/ApplicationForm/PartnerCommentsField.tsx

@@ -1,18 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { InputPhoneControl } from '../../ui-kit/Input/InputPhoneControl';
-import { withValidator } from '../../validation/withValidator';
-import { type CustomFieldProps } from './CustomFieldProps';
-import { validatorObj } from './getObjectValidator';
-
-export const SecondaryPhoneField = JSX<CustomFieldProps>(({ field }) => {
-  const fieldPhone = field('secondaryPhone');
-
-  return (
-    <InputPhoneControl
-      label="Дополнительный телефон"
-      {...(!fieldPhone.value || fieldPhone.value === '+7 ('
-        ? fieldPhone
-        : withValidator(fieldPhone, validatorObj.secondaryPhone))}
-    />
-  );
-});

package/src/components/ApplicationForm/PosTerminalField.tsx

@@ -1,10 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { SlideCheckbox } from '../../ui-kit/SlideCheckbox/SlideCheckbox';
-import { isAcquiringTrade } from './AcquiringField';
-import { type CustomFieldProps } from './CustomFieldProps';
-
-export const PosTerminalField = JSX<CustomFieldProps>(({ field }) =>
-  isAcquiringTrade(field('acquiringType')?.value?.key as string) ? (
-    <SlideCheckbox type="radio" text="Хочу POS-терминал" {...field('posTerminal')} />
-  ) : null,
-);

package/src/components/ApplicationForm/RegionField.tsx

@@ -1,24 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { useRegions } from '../../hooks/useRegions';
-import { SelectControl } from '../../ui-kit/Select/SelectControl';
-import { type CustomFieldProps } from './CustomFieldProps';
-import { validatorObj } from './getObjectValidator';
-import { getValidation } from './getValidation';
-
-export const RegionField = JSX<CustomFieldProps>(({ field, input }) => {
-  const regions = useRegions();
-
-  return (
-    <SelectControl
-      label="Филиал"
-      placeholder="Выберите филиал"
-      isSearch={true}
-      options={useMemo(
-        () => regions?.map(({ code = '', name = '' }) => ({ key: code, text: name })),
-        [regions],
-      )}
-      {...getValidation(field('region'), validatorObj.region, input?.required)}
-    />
-  );
-});

package/src/components/ApplicationForm/RegionPremiumField.tsx

@@ -1,29 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { useBranchesByRegions } from '../../hooks/useBranchesByRegions';
-import { type Option } from '../../ui-kit/Select/Option';
-import { SelectControl } from '../../ui-kit/Select/SelectControl';
-import { type CustomFieldProps } from './CustomFieldProps';
-import { validatorObj } from './getObjectValidator';
-import { getValidation } from './getValidation';
-
-export const RegionPremiumField = JSX<CustomFieldProps>(({ field, input }) => {
-  const branchByRegions = useBranchesByRegions();
-  const regions = useMemo(
-    () =>
-      branchByRegions?.map(({ region }) => ({
-        key: region,
-        text: region,
-      })),
-    [branchByRegions],
-  );
-
-  return (
-    <SelectControl
-      label="Регион"
-      placeholder="Выберите регион"
-      options={regions as Option[]}
-      {...getValidation(field('region'), validatorObj.region, input?.required)}
-    />
-  );
-});

package/src/components/ApplicationForm/ServiceDirectionField.tsx

@@ -1,15 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { SelectControl } from '../../ui-kit/Select/SelectControl';
-import { withValidator } from '../../validation/withValidator';
-import { SERVICE_DIRECTIONS } from './contants';
-import { type CustomFieldProps } from './CustomFieldProps';
-import { validatorObj } from './getObjectValidator';
-
-export const ServiceDirectionField = JSX<CustomFieldProps>(({ field }) => (
-  <SelectControl
-    label="Направление обслуживания"
-    placeholder="Выберите направление"
-    options={SERVICE_DIRECTIONS}
-    {...withValidator(field('serviceDirection'), validatorObj.serviceDirection)}
-  />
-));

package/src/components/ApplicationForm/TermField.tsx

@@ -1,17 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { InputRange } from '../../ui-kit/InputRange/InputRange';
-import { type CustomFieldProps } from './CustomFieldProps';
-
-const MIN_CREDIT_TERM = 1;
-const MAX_CREDIT_TERM = 180;
-const ITEMS_CREDIT_TERM = ['От 1 мес', 'До 15 лет'];
-
-export const TermField = JSX<CustomFieldProps>(({ field }) => (
-  <InputRange
-    title="Срок, месяцев"
-    items={ITEMS_CREDIT_TERM}
-    min={MIN_CREDIT_TERM}
-    max={MAX_CREDIT_TERM}
-    {...field('term')}
-  />
-));

package/src/components/ApplicationForm/UltraPremiumField.tsx

@@ -1,13 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { SelectControl } from '../../ui-kit/Select/SelectControl';
-import { withValidator } from '../../validation/withValidator';
-import { SERVICE_TYPES } from './contants';
-import { type CustomFieldProps } from './CustomFieldProps';
-import { validatorObj } from './getObjectValidator';
-export const UltraPremiumField = JSX<CustomFieldProps>(({ field }) => (
-  <SelectControl
-    label="Тип обслуживания"
-    options={SERVICE_TYPES}
-    {...withValidator(field('serviceType'), validatorObj.serviceType)}
-  />
-));

package/src/components/ApplicationForm/VedField.tsx

@@ -1,54 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { Radio } from '../../ui-kit/Radio/Radio';
-import { type CustomFieldProps } from './CustomFieldProps';
-
-export const VED_TYPES: string[] = [
-  'currencyControl',
-  'documentOperations',
-  'conversionTransactions',
-  'otherIssues',
-];
-
-export const VedField = JSX<CustomFieldProps>(({ field }) => {
-  const { value, onChange } = field('vedTypes');
-  useEffect(() => {
-    if (value !== 'currencyControl') {
-      field?.('inn')?.onChange?.('');
-      field?.('region')?.onChange?.('');
-    }
-  }, [value]);
-
-  return (
-    <div className="py-m gap-m grid @xl:flex @xl:items-center">
-      <Radio
-        name="vedTypes"
-        text="Валютный контроль"
-        value="currencyControl"
-        checked={value === 'currencyControl'}
-        onChange={onChange}
-      />
-      <Radio
-        name="vedTypes"
-        text="Документарные операции"
-        value="documentOperations"
-        checked={value === 'documentOperations'}
-        onChange={onChange}
-      />
-      <Radio
-        name="vedTypes"
-        text="Конверсионные операции"
-        value="conversionTransactions"
-        checked={value === 'conversionTransactions'}
-        onChange={onChange}
-      />
-      <Radio
-        name="vedTypes"
-        text="Иные вопросы ВЭД"
-        value="otherIssues"
-        checked={value === 'otherIssues'}
-        onChange={onChange}
-      />
-    </div>
-  );
-});

package/src/components/ApplicationForm/contants.tsx

@@ -1,27 +0,0 @@
-import { type Option } from '../../ui-kit/Select/Option';
-
-export const SERVICE_TYPES: Option[] = [
-  { key: 'ULTRASERVICE', text: 'Ультра' },
-  { key: 'PREMIUMSERVICE', text: 'Премиум' },
-];
-
-export const SERVICE_DIRECTIONS: Option[] = [
-  { key: 'Физическое лицо' },
-  { key: 'Юридическое лицо / ИП' },
-];
-
-export const FEEDBACK_TYPES: Option[] = [
-  {
-    text: 'Задать вопрос по продуктам и услугам',
-    key: 'FEEDBACK',
-  },
-  {
-    text: 'Качество обслуживания',
-    key: 'FEEDBACK_QS',
-  },
-];
-
-export const FEEDBACK_METHOD: Option[] = [
-  { key: 'phone', text: 'Телефонный звонок' },
-  { key: 'email', text: 'Электронное сообщение' },
-];