@redneckz/wildless-cms-uni-blocks 0.14.294 → 0.14.296

package/mobile/src/components/ApplicationFormCustom/getField.tsx

@@ -1,154 +0,0 @@
-import { type FormFieldRegisterer } from '../../hooks/useForm';
-import { CheckboxWithError } from '../../ui-kit/Checkbox/CheckboxWithError';
-import { DatePickerControl } from '../../ui-kit/DatePicker/DatePickerControl';
-import { InputControl } from '../../ui-kit/Input/InputControl';
-import { InputPhoneControl } from '../../ui-kit/Input/InputPhoneControl';
-import { AcquiringField } from './AcquiringField';
-import { AddressBranchField } from './AddressBranchField';
-import { AmountField } from './AmountField';
-import { type FieldDef } from './ApplicationFormCustomContent';
-import { CommentField } from './CommentField';
-import { FeedbackMethodField } from './FeedbackMethodField';
-import { FeedbackTypeField } from './FeedbackTypeField';
-import { validatorObj } from './getObjectValidator';
-import { getValidation } from './getValidation';
-import { IsClientField } from './IsClientField';
-import { OnlineCheckoutField } from './OnlineCheckoutField';
-import { SecondaryPhoneField } from './PartnerCommentsField';
-import { PosTerminalField } from './PosTerminalField';
-import { RegionField } from './RegionField';
-import { RegionPremiumField } from './RegionPremiumField';
-import { ServiceDirectionField } from './ServiceDirectionField';
-import { TermField } from './TermField';
-import { UltraPremiumField } from './UltraPremiumField';
-import { VedField } from './VedField';
-
-export const getField =
-  // eslint-disable-next-line max-lines-per-function
-  (field: FormFieldRegisterer<any>, typeForm: string) => (input: FieldDef, index: number) => {
-    const { required, ...rest } = input;
-    const isPremium = typeForm === 'ULTRASERVICE' || typeForm === 'PREMIUMSERVICE';
-
-    const InputsMap = {
-      surname: (
-        <InputControl
-          label="Фамилия"
-          {...getValidation(field('surname'), validatorObj.surname, required)}
-        />
-      ),
-      name: (
-        <InputControl
-          label="Имя"
-          {...getValidation(field('name'), validatorObj.name, required)}
-          {...rest}
-        />
-      ),
-      middleName: (
-        <InputControl label="Отчество (Обязательно, при наличии)" {...field('middleName')} />
-      ),
-      phone: (
-        <InputPhoneControl
-          label="Телефон"
-          {...getValidation(field('phone'), validatorObj.phone, required)}
-        />
-      ),
-      email: (
-        <InputControl
-          label="Электронная почта"
-          {...getValidation(field('email'), validatorObj.email, required)}
-        />
-      ),
-      fullName: (
-        <InputControl
-          label="ФИО"
-          {...getValidation(field('fullName'), validatorObj.fullName, required)}
-          {...rest}
-        />
-      ),
-      inn: (
-        <InputControl
-          label="ИНН"
-          type="number"
-          {...getValidation(field('inn'), validatorObj.inn, required)}
-        />
-      ),
-      comment: <CommentField field={field} input={input} />,
-      region: isPremium ? (
-        <RegionPremiumField field={field} />
-      ) : (
-        <RegionField field={field} input={input} />
-      ),
-      addressBranch: <AddressBranchField field={field} input={input} isPremium={isPremium} />,
-      birthday: (
-        <DatePickerControl
-          label="Дата рождения"
-          {...getValidation(field('birthday'), validatorObj.birthday, required)}
-        />
-      ),
-      isClient: <IsClientField field={field} />,
-      consentToReceiveMaterials: (
-        <CheckboxWithError
-          {...field('consentToReceiveMaterials')}
-          text="Согласен на получение информационных и аналитических материалов по электронной почте"
-        />
-      ),
-      partnerComments: (
-        <InputControl
-          {...getValidation(field('partnerComments'), validatorObj.partnerComments, required)}
-          placeholder="Укажите интересующий вас вопрос"
-          isTextarea={true}
-          {...rest}
-        />
-      ),
-      collectionCount: (
-        <InputControl
-          label="Количество объектов инкассации"
-          type="number"
-          {...getValidation(field('collectionCount'), validatorObj.collectionCount, required)}
-        />
-      ),
-      acquiringType: <AcquiringField field={field} input={input} />,
-      onlineCheckout: <OnlineCheckoutField field={field} />,
-      posTerminal: <PosTerminalField field={field} />,
-      serviceType: <UltraPremiumField field={field} />,
-      term: <TermField field={field} />,
-      amount: <AmountField field={field} />,
-      annualRevenue: (
-        <InputControl
-          label="Годовая выручка, ₽"
-          {...getValidation(field('annualRevenue'), validatorObj.annualRevenue, required)}
-        />
-      ),
-      vedTypes: <VedField field={field} />,
-      feedbackType: <FeedbackTypeField field={field} />,
-      feedbackMethod: <FeedbackMethodField field={field} />,
-      serviceDirection: <ServiceDirectionField field={field} />,
-      bankEmpolee: (
-        <InputControl
-          label="ФИО или должность обслуживавшего Вас сотрудника Банка"
-          {...field('bankEmpolee')}
-        />
-      ),
-      applicationDate: (
-        <InputControl label="Дата и время обращения в Банк" {...field('applicationDate')} />
-      ),
-      secondaryPhone: <SecondaryPhoneField field={field} />,
-    };
-
-    return isRenderField({ input, field }) ? (
-      <div key={String(index)}>{InputsMap[input?.name]}</div>
-    ) : null;
-  };
-
-export function isRenderField({
-  input,
-  field,
-}: {
-  input: FieldDef;
-  field: FormFieldRegisterer<any>;
-}) {
-  const { condition } = input;
-  const { value } = field(condition?.name || '');
-
-  return !condition || condition?.values?.find((_) => _ === (value?.key ?? value));
-}

package/mobile/src/components/ApplicationFormCustom/getInitialFormState.tsx

@@ -1,70 +0,0 @@
-import { type Option } from '../../ui-kit/Select/Option';
-import { ACQUIRING_TYPES } from './AcquiringField';
-import { type FieldDef } from './ApplicationFormCustomContent';
-import { FEEDBACK_METHOD, FEEDBACK_TYPES, SERVICE_DIRECTIONS, SERVICE_TYPES } from './contants';
-import { VED_TYPES } from './VedField';
-
-export interface FormState {
-  typeForm?: Option | string;
-  surname?: string;
-  name?: string;
-  middleName?: string;
-  birthday?: Date;
-  phone?: string;
-  secondaryPhone?: string;
-  email?: string;
-  acquiringType?: Option;
-  serviceType?: Option;
-  feedbackType?: Option;
-  vedTypes?: string;
-  region?: Option;
-  onlineCheckout?: boolean;
-  posTerminal?: boolean;
-  term?: number;
-  amount?: number;
-  annualRevenue?: string;
-  consentDataProcessing?: boolean;
-}
-
-const initialFormState = {
-  typeForm: '',
-  region: { key: '', text: '' },
-  addressBranch: { key: '', text: '' },
-  surname: '',
-  name: '',
-  phone: '',
-  secondaryPhone: '',
-  comment: '',
-  product: '',
-  partnerComments: '',
-  annualRevenue: '',
-  term: 12,
-  amount: 1000,
-  acquiringType: ACQUIRING_TYPES[0],
-  serviceType: SERVICE_TYPES[0],
-  feedbackType: FEEDBACK_TYPES[0],
-  feedbackMethod: FEEDBACK_METHOD[0],
-  serviceDirection: SERVICE_DIRECTIONS[0],
-  vedTypes: VED_TYPES[0],
-  birthday: undefined,
-  isClient: false,
-  onlineCheckout: false,
-  posTerminal: false,
-  consentToReceiveMaterials: false,
-  consentDataProcessing: false,
-};
-
-export const getInitialFormState = (inputs: FieldDef[], typeForm = ''): FormState => {
-  const formState = Object.fromEntries(
-    inputs.map((_) => [
-      _.name,
-      (_.fieldType === 'ved' && _?.defaultValue) || initialFormState[_.name],
-    ]),
-  );
-
-  if (formState?.serviceType && typeForm === 'PREMIUMSERVICE') {
-    formState.serviceType = SERVICE_TYPES[1];
-  }
-
-  return { ...formState, typeForm: { key: '' || typeForm, text: '' } };
-};

package/mobile/src/components/ApplicationFormCustom/getNamesFromInput.tsx

@@ -1,4 +0,0 @@
-import { type FieldDef } from './ApplicationFormCustomContent';
-
-export const getNamesFromInput = (inputs: FieldDef[]) =>
-  Object.values(inputs.filter((_) => _))?.map((_) => _.name);

package/mobile/src/components/ApplicationFormCustom/getObjectValidator.tsx

@@ -1,43 +0,0 @@
-import { type Validator } from '../../validation/validator';
-import { type FieldDef } from './ApplicationFormCustomContent';
-import { getNamesFromInput } from './getNamesFromInput';
-import {
-  agreementValidator,
-  defaultSelectValidator,
-  defaultValidator,
-  innValidator,
-  nameValidator,
-  phoneValidator,
-} from './validators';
-
-export const validatorObj: Record<string, Validator> = {
-  typeForm: defaultValidator,
-  surname: nameValidator,
-  name: nameValidator,
-  region: defaultSelectValidator,
-  addressBranch: defaultSelectValidator,
-  phone: phoneValidator,
-  secondaryPhone: phoneValidator,
-  birthday: defaultValidator,
-  email: defaultValidator,
-  fullName: nameValidator,
-  inn: innValidator,
-  partnerComments: defaultValidator,
-  collectionCount: defaultValidator,
-  comment: defaultValidator,
-  acquiringType: defaultSelectValidator,
-  feedbackType: defaultSelectValidator,
-  feedbackMethod: defaultSelectValidator,
-  serviceType: defaultSelectValidator,
-  serviceDirection: defaultSelectValidator,
-  consentDataProcessing: agreementValidator,
-  annualRevenue: defaultValidator,
-};
-
-export const getObjectValidator = (inputs: FieldDef[]): Record<string, Validator> => {
-  const requiredInputs = getNamesFromInput(
-    inputs.filter((_: FieldDef) => ('required' in _ ? _.required : false)),
-  );
-
-  return Object.fromEntries(requiredInputs.map((_) => [_, validatorObj?.[_]]));
-};

package/mobile/src/components/ApplicationFormCustom/renderAgreementSubmit.tsx

@@ -1,31 +0,0 @@
-import { type FieldProps } from '../../hooks/useForm';
-import { type LinkProps } from '../../model/LinkProps';
-import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
-import { renderErrorText } from '../../ui-kit/Input/renderErrorText';
-import { withValidator } from '../../validation/withValidator';
-import { type SubmitButtonProps } from './ApplicationFormCustomContent';
-import { Footnote } from './Footnote';
-import { renderSubmitButton } from './renderSubmitButton';
-import { agreementValidator } from './validators';
-
-const agreementText = 'Нажимая кнопку, вы подтверждаете согласие с ';
-export const renderAgreementSubmit = (
-  consentDataProcessing?: FieldProps<boolean>,
-  link?: LinkProps,
-  button?: SubmitButtonProps,
-) => (
-  <div className="flex col-span-2 gap-m flex-col lg:flex-row w-full justify-between items-baseline">
-    {consentDataProcessing ? (
-      <div>
-        <div className="flex gap-3">
-          <Checkbox {...consentDataProcessing} />
-          <Footnote link={link} />
-        </div>
-        {renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)}
-      </div>
-    ) : (
-      <Footnote text={agreementText} link={link} />
-    )}
-    {renderSubmitButton(button)}
-  </div>
-);

package/mobile/src/components/ApplicationFormCustom/renderSubmitButton.tsx

@@ -1,9 +0,0 @@
-import { Button } from '../../ui-kit/Button/Button';
-import { style } from '../../utils/style';
-import { type SubmitButtonProps } from './ApplicationFormCustomContent';
-
-export const renderSubmitButton = (button?: SubmitButtonProps, className?: string) => (
-  <Button className={style('w-full @xl:w-auto', className)} type="submit">
-    {button?.text ? button.text : 'Отправить заявку'}
-  </Button>
-);

package/mobile/src/components/ApplicationFormGrantSupport/ApplicationFormGrantSupport.tsx

@@ -1,58 +0,0 @@
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { getRegularButtonClasses } from '../../ui-kit/LinkButton/getRegularButtonClasses';
-import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
-import { SelectControl } from '../../ui-kit/Select/SelectControl';
-import { UniBlock } from '../../UniBlock/UniBlock';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { style } from '../../utils/style';
-import { type ApplicationFormGrantSupportContent } from './ApplicationFormGrantSupportContent';
-
-interface ApplicationFormGrantSupportProps
-  extends ApplicationFormGrantSupportContent,
-    UniBlockProps {}
-
-export const ApplicationFormGrantSupport = UniBlock<ApplicationFormGrantSupportProps>(
-  ({ className, title, button, regionSource, data, ...rest }) => {
-    const [region, setRegion] = useState({ key: '' });
-    const regions = regionSource?.regions ?? [];
-
-    const buttonStyle = getRegularButtonClasses({
-      className: 'text-white',
-      version: button?.version || 'primary',
-    });
-    const regionHref = regions?.find((_) => _.name === region.key)?.href;
-    const buttonText = button?.text ? button.text : 'Перейти';
-
-    return (
-      <BlockWrapper className={className} defaultPadding="p-6xl" {...rest}>
-        <div className="container max-w-[978px] space-y-m">
-          {title ? <Heading headingType="h3" title={title} className="@xl:text-center" /> : null}
-          {regions ? (
-            <SelectControl
-              label="Ваш регион"
-              placeholder="Выберите регион"
-              isSearch={true}
-              options={regions.map(({ name = '' }) => ({ key: name, text: name }))}
-              value={region}
-              onChange={setRegion}
-            />
-          ) : null}
-          {regionHref ? (
-            <div className="text-center">
-              <LinkButton
-                href={regionHref}
-                target="_blank"
-                className={style('p-m w-full @xl:w-auto', buttonStyle)}
-                data={data}
-              >
-                {buttonText}
-              </LinkButton>
-            </div>
-          ) : null}
-        </div>
-      </BlockWrapper>
-    );
-  },
-);

package/mobile/src/components/ApplicationFormGrantSupport/ApplicationFormGrantSupportContent.ts

@@ -1,19 +0,0 @@
-import { type JSONRefObject } from '../../data/JSONRefObject';
-import { type AspectsProps } from '../../model/AspectsProps';
-import { type TitleProps } from '../../model/HeadlineType';
-import { type SubmitButtonProps } from '../ApplicationFormCustom/ApplicationFormCustomContent';
-
-type RegionGrand = {
-  /** @hidden */
-  regions?: { name: string; href: string }[];
-};
-
-/**
- * @title Грантовая поддержка
- */
-export type ApplicationFormGrantSupportContent = TitleProps &
-  AspectsProps & {
-    button?: SubmitButtonProps;
-    /** @title Список регионов */
-    regionSource?: RegionGrand & JSONRefObject;
-  };

package/mobile/src/components/TabsLayout/TabsLayoutButton.tsx

@@ -1,63 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type IconVersion } from '../../model/IconVersion';
-import { Img } from '../../ui-kit/Img/Img';
-import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
-import { getAspectsAttributes } from '../../utils/dataAttributes';
-import { style } from '../../utils/style';
-import { type Tab } from './TabsLayoutContent';
-
-const getButtonClassNames = (isActive: boolean) => ({
-  btn: `w-96 ${
-    isActive
-      ? 'p-m border-none bg-primary-main text-white'
-      : 'p-s ease-in duration-300 bg-white text-primary-text'
-  }`,
-  title: isActive ? 'mb-xs text-xl' : 'mb-2xs text-l',
-  desc: `font-light ${isActive ? 'text-l text-white' : 'text-m text-secondary-text'}`,
-  icon: isActive ? '' : 'text-primary-main',
-  iconVersion: (isActive ? 'white' : 'normal') as IconVersion,
-});
-
-interface TabsLayoutButtonProps {
-  tab: Tab;
-  className?: string;
-  onClick: (ev?: PreventableEvent) => void;
-  isActive: boolean;
-}
-
-export const TabsLayoutButton = JSX<TabsLayoutButtonProps>(
-  ({ tab, className, onClick, isActive }) => {
-    const buttonClassNames = getButtonClassNames(isActive);
-
-    return (
-      <button
-        type="button"
-        onClick={onClick}
-        aria-label={tab?.title}
-        className={style(
-          'border border-gray cursor-pointer text-left border-b-0 mt-auto flex gap-2xs',
-          buttonClassNames.btn,
-          className,
-        )}
-        // eslint-disable-next-line react/jsx-props-no-spreading
-        {...getAspectsAttributes(tab?.data)}
-      >
-        {tab?.icon ? (
-          <Img
-            className={style('h-6 w-6 min-w-6 min-h-6', buttonClassNames.icon)}
-            image={{
-              ...tab?.icon,
-              iconVersion: tab?.icon?.iconVersion ?? buttonClassNames.iconVersion,
-            }}
-            width="24"
-            height="24"
-          />
-        ) : null}
-        <div className="border-0">
-          {tab?.title ? <div className={buttonClassNames.title}>{tab.title}</div> : null}
-          {tab?.description ? <div className={buttonClassNames.desc}>{tab.description}</div> : null}
-        </div>
-      </button>
-    );
-  },
-);

package/mobile/src/components/TabsLayout/TabsLayoutRedirectSection.tsx

@@ -1,32 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useDebouncedEffect } from '@redneckz/uni-jsx/lib/hooks/useDebouncedEffect';
-import { useLink } from '../../hooks/useLink';
-import { Shimmer } from '../../ui-kit/Shimmer/Shimmer';
-import { isLocalURL } from '../../utils/url';
-import { type Tab } from './TabsLayoutContent';
-
-const REDIRECT_DELAY = 0.8 * 1000;
-
-interface TabsLayoutRedirectSectionProps {
-  tab: Tab;
-}
-
-export const TabsLayoutRedirectSection = JSX<TabsLayoutRedirectSectionProps>(({ tab }) => {
-  const link = useLink();
-  const { onClick } = link({
-    ...tab,
-    onClick: () => {
-      /**
-       * In the current implementation of useLink, there is no follow-by-link method,
-       * and default routing won't work if the link is external.
-       */
-      if (tab.href && !isLocalURL(tab.href)) {
-        globalThis.location.href = tab.href;
-      }
-    },
-  });
-
-  useDebouncedEffect(onClick, [], REDIRECT_DELAY);
-
-  return <Shimmer className="col-span-12 p-xl" size={5} />;
-});

package/mobile/src/components/TabsLayout/alignTabStyle.ts

@@ -1,7 +0,0 @@
-import { type Align } from '../../model/Align';
-
-export const alignTabStyle: Record<Align, string> = {
-  start: 'text-start',
-  center: 'text-center',
-  end: 'text-end',
-};

package/mobile/src/components/TabsLayout/useScrollToTab.ts

@@ -1,16 +0,0 @@
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { type SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
-
-export const useScrollToTab = (activeTabIndex: number, scroll: SwipeListScroll) => {
-  const [initState, { setTrue: setInitStateTrue }] = useBool(false);
-
-  useEffect(() => {
-    scroll.scrollTo(activeTabIndex, {
-      behavior: initState ? 'smooth' : 'auto',
-      block: 'nearest',
-      inline: 'center',
-    });
-    !initState && setInitStateTrue();
-  }, [activeTabIndex, initState]);
-};