@redneckz/wildless-cms-uni-blocks 0.14.201 → 0.14.203

package/mobile/src/components/ApplicationForm/ApplicationFormBusinessCard.tsx

@@ -1,75 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useForm } from '../../hooks/useForm';
-import { InputControl } from '../../ui-kit/Input/InputControl';
-import { type Option } from '../../ui-kit/Select/Option';
-import { objectValidator } from '../../validation/objectValidator';
-import { isValidationSuccess } from '../../validation/validator';
-import { withValidator } from '../../validation/withValidator';
-import { ApplicationFieldsetLayout, formChildrenStyle } from './ApplicationFieldsetLayout';
-import { type ApplicationFormsProps } from './ApplicationFormsProps';
-import { Footnote } from './Footnote';
-import { formStyle } from './formStyle';
-import { PhoneInputControl } from './PhoneInputControl';
-import { RegionField } from './RegionField';
-import { renderSubmitButton } from './renderSubmitButton';
-import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
-
-export interface BusinessCardFormState {
-  typeForm: Option;
-  region?: Option;
-  name: string;
-  phone: string;
-  inn: string;
-  email: string;
-}
-
-const initialFormState: BusinessCardFormState = {
-  typeForm: { key: 'bcrd', text: 'Заявка на бизнес-карту' },
-  name: '',
-  phone: '',
-  inn: '',
-  email: '',
-};
-
-const businessCardValidator = objectValidator({
-  region: defaultValidator,
-  name: nameValidator,
-  phone: phoneValidator,
-  inn: innValidator,
-  email: defaultValidator,
-});
-
-export const ApplicationFormBusinessCard = JSX<ApplicationFormsProps>((props) => {
-  const { button, link, onSubmit } = props;
-
-  const handleSubmit = useCallback(
-    (formState: BusinessCardFormState) => {
-      isValidationSuccess(businessCardValidator(formState)) && onSubmit(formState);
-    },
-    [onSubmit],
-  );
-
-  const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
-
-  return (
-    <form className={formStyle} onSubmit={formProps.onSubmit}>
-      <RegionField field={field} />
-      <ApplicationFieldsetLayout>
-        <div className={formChildrenStyle}>
-          <InputControl label="Контактное лицо" {...withValidator(field('name'), nameValidator)} />
-          <InputControl label="ИНН" {...withValidator(field('inn'), innValidator)} />
-        </div>
-        <div className={formChildrenStyle}>
-          <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
-          <InputControl
-            label="Электронная почта"
-            {...withValidator(field('email'), defaultValidator)}
-          />
-        </div>
-      </ApplicationFieldsetLayout>
-      {renderSubmitButton(button)}
-      <Footnote link={link} />
-    </form>
-  );
-});

package/mobile/src/components/ApplicationForm/ApplicationFormSelfCollection.tsx

@@ -1,64 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useForm } from '../../hooks/useForm';
-import { InputControl } from '../../ui-kit/Input/InputControl';
-import { type Option } from '../../ui-kit/Select/Option';
-import { objectValidator } from '../../validation/objectValidator';
-import { isValidationSuccess } from '../../validation/validator';
-import { withValidator } from '../../validation/withValidator';
-import { ApplicationFieldsetLayout } from './ApplicationFieldsetLayout';
-import { type ApplicationFormsProps } from './ApplicationFormsProps';
-import { formStyle, oneColumnFormStyle } from './formStyle';
-import { PhoneInputControl } from './PhoneInputControl';
-import { RegionField } from './RegionField';
-import { renderAgreementSubmit } from './renderAgreementSubmit';
-import { checkboxValidator, defaultValidator, phoneValidator } from './validators';
-
-export type SelfCollectionFormState = {
-  typeForm: Option;
-  fullName: string;
-  region?: Option;
-  phone: string;
-  consentDataProcessing: boolean;
-};
-
-const initialFormState: SelfCollectionFormState = {
-  typeForm: { key: 'SELFCOLLECTION', text: 'Самоинкассация' }, // Уточнить key
-  fullName: '',
-  phone: '',
-  consentDataProcessing: false,
-};
-
-const feedbackValidator = objectValidator({
-  typeForm: defaultValidator,
-  region: defaultValidator,
-  fullName: defaultValidator,
-  phone: phoneValidator,
-  consentDataProcessing: checkboxValidator,
-});
-
-export const ApplicationFormSelfCollection = JSX<ApplicationFormsProps>(
-  ({ button, link, onSubmit }) => {
-    const handleSubmit = useCallback(
-      (formState: SelfCollectionFormState) => {
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, false);
-      },
-      [onSubmit],
-    );
-
-    const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
-
-    return (
-      <form className={formStyle} onSubmit={formProps.onSubmit}>
-        <ApplicationFieldsetLayout>
-          <div className={oneColumnFormStyle}>
-            <InputControl label="ФИО" {...withValidator(field('fullName'), defaultValidator)} />
-            <RegionField field={field} />
-            <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
-            {renderAgreementSubmit(field('consentDataProcessing'), link, button)}
-          </div>
-        </ApplicationFieldsetLayout>
-      </form>
-    );
-  },
-);

package/mobile/src/components/ApplicationForm/DatePickerControl.tsx

@@ -1,30 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { DatePicker } from '../../ui-kit/DatePicker/DatePicker';
-import { renderErrorText } from '../../ui-kit/Input/renderErrorText';
-import { Text } from '../../ui-kit/Text/Text';
-import { style } from '../../utils/style';
-
-export interface DatePickerControlProps {
-  className?: string;
-  label: string;
-  value?: Date;
-  error?: string;
-  errors?: string[];
-  onChange?: (value: Date) => void;
-}
-
-export const DatePickerControl = JSX<DatePickerControlProps>(
-  ({ className, label, value = undefined, error, onChange, ...rest }) => (
-    <div className={style('shrink-0 w-full', className)}>
-      {label ? (
-        <div className="mb-xs">
-          <Text size="text-m" font="font-light">
-            {rest?.errors ? `${label}*` : label}
-          </Text>
-        </div>
-      ) : null}
-      <DatePicker value={value} onChange={onChange} valid={Boolean(!error)} />
-      {renderErrorText(error)}
-    </div>
-  ),
-);

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

@@ -1,6 +0,0 @@
-import { type FormColumnsCount } from './ApplicationFormCustomContent';
-
-export const columnStyle: Record<FormColumnsCount, string> = {
-  1: 'space-y-s max-w-2xl mx-auto',
-  2: 'grid @xl:grid-cols-2 gap-s',
-};

package/src/components/ApplicationForm/ApplicationFormBusinessCard.tsx

@@ -1,75 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useForm } from '../../hooks/useForm';
-import { InputControl } from '../../ui-kit/Input/InputControl';
-import { type Option } from '../../ui-kit/Select/Option';
-import { objectValidator } from '../../validation/objectValidator';
-import { isValidationSuccess } from '../../validation/validator';
-import { withValidator } from '../../validation/withValidator';
-import { ApplicationFieldsetLayout, formChildrenStyle } from './ApplicationFieldsetLayout';
-import { type ApplicationFormsProps } from './ApplicationFormsProps';
-import { Footnote } from './Footnote';
-import { formStyle } from './formStyle';
-import { PhoneInputControl } from './PhoneInputControl';
-import { RegionField } from './RegionField';
-import { renderSubmitButton } from './renderSubmitButton';
-import { defaultValidator, innValidator, nameValidator, phoneValidator } from './validators';
-
-export interface BusinessCardFormState {
-  typeForm: Option;
-  region?: Option;
-  name: string;
-  phone: string;
-  inn: string;
-  email: string;
-}
-
-const initialFormState: BusinessCardFormState = {
-  typeForm: { key: 'bcrd', text: 'Заявка на бизнес-карту' },
-  name: '',
-  phone: '',
-  inn: '',
-  email: '',
-};
-
-const businessCardValidator = objectValidator({
-  region: defaultValidator,
-  name: nameValidator,
-  phone: phoneValidator,
-  inn: innValidator,
-  email: defaultValidator,
-});
-
-export const ApplicationFormBusinessCard = JSX<ApplicationFormsProps>((props) => {
-  const { button, link, onSubmit } = props;
-
-  const handleSubmit = useCallback(
-    (formState: BusinessCardFormState) => {
-      isValidationSuccess(businessCardValidator(formState)) && onSubmit(formState);
-    },
-    [onSubmit],
-  );
-
-  const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
-
-  return (
-    <form className={formStyle} onSubmit={formProps.onSubmit}>
-      <RegionField field={field} />
-      <ApplicationFieldsetLayout>
-        <div className={formChildrenStyle}>
-          <InputControl label="Контактное лицо" {...withValidator(field('name'), nameValidator)} />
-          <InputControl label="ИНН" {...withValidator(field('inn'), innValidator)} />
-        </div>
-        <div className={formChildrenStyle}>
-          <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
-          <InputControl
-            label="Электронная почта"
-            {...withValidator(field('email'), defaultValidator)}
-          />
-        </div>
-      </ApplicationFieldsetLayout>
-      {renderSubmitButton(button)}
-      <Footnote link={link} />
-    </form>
-  );
-});

package/src/components/ApplicationForm/ApplicationFormSelfCollection.tsx

@@ -1,64 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { useForm } from '../../hooks/useForm';
-import { InputControl } from '../../ui-kit/Input/InputControl';
-import { type Option } from '../../ui-kit/Select/Option';
-import { objectValidator } from '../../validation/objectValidator';
-import { isValidationSuccess } from '../../validation/validator';
-import { withValidator } from '../../validation/withValidator';
-import { ApplicationFieldsetLayout } from './ApplicationFieldsetLayout';
-import { type ApplicationFormsProps } from './ApplicationFormsProps';
-import { formStyle, oneColumnFormStyle } from './formStyle';
-import { PhoneInputControl } from './PhoneInputControl';
-import { RegionField } from './RegionField';
-import { renderAgreementSubmit } from './renderAgreementSubmit';
-import { checkboxValidator, defaultValidator, phoneValidator } from './validators';
-
-export type SelfCollectionFormState = {
-  typeForm: Option;
-  fullName: string;
-  region?: Option;
-  phone: string;
-  consentDataProcessing: boolean;
-};
-
-const initialFormState: SelfCollectionFormState = {
-  typeForm: { key: 'SELFCOLLECTION', text: 'Самоинкассация' }, // Уточнить key
-  fullName: '',
-  phone: '',
-  consentDataProcessing: false,
-};
-
-const feedbackValidator = objectValidator({
-  typeForm: defaultValidator,
-  region: defaultValidator,
-  fullName: defaultValidator,
-  phone: phoneValidator,
-  consentDataProcessing: checkboxValidator,
-});
-
-export const ApplicationFormSelfCollection = JSX<ApplicationFormsProps>(
-  ({ button, link, onSubmit }) => {
-    const handleSubmit = useCallback(
-      (formState: SelfCollectionFormState) => {
-        isValidationSuccess(feedbackValidator(formState)) && onSubmit(formState, false);
-      },
-      [onSubmit],
-    );
-
-    const [, { field, ...formProps }] = useForm(initialFormState, { onSubmit: handleSubmit });
-
-    return (
-      <form className={formStyle} onSubmit={formProps.onSubmit}>
-        <ApplicationFieldsetLayout>
-          <div className={oneColumnFormStyle}>
-            <InputControl label="ФИО" {...withValidator(field('fullName'), defaultValidator)} />
-            <RegionField field={field} />
-            <PhoneInputControl label="Телефон" {...withValidator(field('phone'), phoneValidator)} />
-            {renderAgreementSubmit(field('consentDataProcessing'), link, button)}
-          </div>
-        </ApplicationFieldsetLayout>
-      </form>
-    );
-  },
-);

package/src/components/ApplicationForm/DatePickerControl.tsx

@@ -1,30 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { DatePicker } from '../../ui-kit/DatePicker/DatePicker';
-import { renderErrorText } from '../../ui-kit/Input/renderErrorText';
-import { Text } from '../../ui-kit/Text/Text';
-import { style } from '../../utils/style';
-
-export interface DatePickerControlProps {
-  className?: string;
-  label: string;
-  value?: Date;
-  error?: string;
-  errors?: string[];
-  onChange?: (value: Date) => void;
-}
-
-export const DatePickerControl = JSX<DatePickerControlProps>(
-  ({ className, label, value = undefined, error, onChange, ...rest }) => (
-    <div className={style('shrink-0 w-full', className)}>
-      {label ? (
-        <div className="mb-xs">
-          <Text size="text-m" font="font-light">
-            {rest?.errors ? `${label}*` : label}
-          </Text>
-        </div>
-      ) : null}
-      <DatePicker value={value} onChange={onChange} valid={Boolean(!error)} />
-      {renderErrorText(error)}
-    </div>
-  ),
-);

package/src/components/ApplicationFormCustom/columnStyle.tsx

@@ -1,6 +0,0 @@
-import { type FormColumnsCount } from './ApplicationFormCustomContent';
-
-export const columnStyle: Record<FormColumnsCount, string> = {
-  1: 'space-y-s max-w-2xl mx-auto',
-  2: 'grid @xl:grid-cols-2 gap-s',
-};