@cloud-ru/uikit-product-fields-predefined 2.4.8-preview-04a474c4.0 → 3.0.0

package/dist/esm/components/FieldCode/hooks/useCodeInput.js

@@ -1,95 +0,0 @@
-import { useRefState } from '@siberiacancode/reactuse';
-import { useCallback, useEffect } from 'react';
-import { useValueControl } from '@snack-uikit/utils';
-import { ZERO_WIDTH_SPACE } from '../constants';
-import { isNumberChar, isStringCodeLength, isZeroWidthSpace } from '../utils';
-const buildCodeArray = (str, codeLength) => Array.from({ length: codeLength }, (_, idx) => str[idx] || ZERO_WIDTH_SPACE);
-export function useCodeInput(params) {
-    const { value: valueProp, onChange: onChangeProp, codeLength, moveFocus, onComplete } = params;
-    const [value = '', onChange] = useValueControl({
-        value: valueProp,
-        onChange: onChangeProp,
-        defaultValue: '',
-    });
-    const codeRef = useRefState(buildCodeArray(value, codeLength));
-    const updateCodeByIndex = useCallback((index, newChar) => {
-        codeRef.current[index] = newChar;
-        onChange === null || onChange === void 0 ? void 0 : onChange(codeRef.current.join(''));
-    }, [codeRef, onChange]);
-    const updateFullCode = useCallback((newCode) => {
-        codeRef.current = newCode.split('');
-        onChange === null || onChange === void 0 ? void 0 : onChange(newCode);
-        moveFocus(codeLength - 1);
-        onComplete === null || onComplete === void 0 ? void 0 : onComplete(newCode);
-    }, [codeLength, codeRef, moveFocus, onChange, onComplete]);
-    const handleAfterCellUpdate = useCallback((index) => {
-        const normalizedCode = codeRef.current.join('');
-        const isLastInput = index === codeLength - 1;
-        const isAllInputsFilled = isStringCodeLength(normalizedCode, codeLength);
-        if (!isLastInput) {
-            moveFocus(index + 1);
-        }
-        else if (isAllInputsFilled) {
-            onComplete === null || onComplete === void 0 ? void 0 : onComplete(normalizedCode);
-        }
-    }, [codeLength, codeRef, moveFocus, onComplete]);
-    const deleteChar = useCallback((index) => {
-        if (codeRef.current[index] && !isZeroWidthSpace(codeRef.current[index])) {
-            updateCodeByIndex(index, ZERO_WIDTH_SPACE);
-        }
-        else if (index > 0) {
-            moveFocus(index - 1);
-        }
-    }, [codeRef, moveFocus, updateCodeByIndex]);
-    const onAutoCompleteInput = useCallback((code, index) => {
-        if (isStringCodeLength(code, codeLength)) {
-            updateFullCode(code);
-            return;
-        }
-        if (!isNumberChar(code)) {
-            return;
-        }
-        updateCodeByIndex(index, code);
-        handleAfterCellUpdate(index);
-    }, [codeLength, handleAfterCellUpdate, updateCodeByIndex, updateFullCode]);
-    const onKeyDown = useCallback((e, index) => {
-        switch (e.key) {
-            case 'ArrowLeft':
-                moveFocus(index - 1);
-                break;
-            case 'ArrowRight':
-                moveFocus(index + 1);
-                break;
-            case 'Backspace':
-                deleteChar(index);
-                break;
-            default:
-                if (isNumberChar(e.key)) {
-                    e.preventDefault();
-                    updateCodeByIndex(index, e.key);
-                    handleAfterCellUpdate(index);
-                }
-                break;
-        }
-    }, [deleteChar, handleAfterCellUpdate, moveFocus, updateCodeByIndex]);
-    const onPaste = useCallback((e) => {
-        var _a;
-        const codeInput = (_a = e === null || e === void 0 ? void 0 : e.clipboardData.getData('text')) !== null && _a !== void 0 ? _a : '';
-        if (!isStringCodeLength(codeInput, codeLength)) {
-            return;
-        }
-        updateFullCode(codeInput);
-    }, [codeLength, updateFullCode]);
-    useEffect(() => {
-        codeRef.current = buildCodeArray(value, codeLength);
-    }, [codeLength, codeRef, value]);
-    return {
-        code: codeRef.current,
-        cellHandlers: {
-            onKeyDown,
-            onPaste,
-            onChange: onAutoCompleteInput,
-        },
-        onChangeCode: onChange,
-    };
-}

package/dist/esm/components/FieldCode/hooks/useFieldCodeValidate.d.ts

@@ -1,8 +0,0 @@
-export type UseFieldCodeValidateParams = {
-    /** Ожидаемая длина кода (цифр) */
-    codeLength: number;
-};
-/**
- * Возвращает функцию валидации значения кода (пусто / неполный код).
- */
-export declare function useFieldCodeValidate(params: UseFieldCodeValidateParams): (value?: string | number) => string | undefined;

package/dist/esm/components/FieldCode/hooks/useFieldCodeValidate.js

@@ -1,21 +0,0 @@
-import { useCallback } from 'react';
-import { useLocale } from '@cloud-ru/uikit-product-locale';
-import { isNumberChar } from '../utils';
-/**
- * Возвращает функцию валидации значения кода (пусто / неполный код).
- */
-export function useFieldCodeValidate(params) {
-    const { codeLength } = params;
-    const { t } = useLocale('FieldsPredefined');
-    return useCallback((value) => {
-        const str = value != null ? String(value) : '';
-        const digits = str.split('').filter(isNumberChar).join('');
-        if (digits.length === 0) {
-            return t('FieldCode.required');
-        }
-        if (digits.length < codeLength) {
-            return t('FieldCode.minLength', { count: codeLength });
-        }
-        return undefined;
-    }, [codeLength, t]);
-}

package/dist/esm/components/FieldCode/hooks/useFieldHelpers.d.ts

@@ -1,13 +0,0 @@
-import { type FieldCodeFocusEffect } from '../constants';
-type UseFieldHelpersParams = {
-    onChangeCode: (code: string) => void;
-    moveFocus: (index: number) => void;
-    focusEffects: readonly FieldCodeFocusEffect[];
-    showEmptyChars?: boolean;
-    code: readonly string[];
-    codeLength: number;
-};
-export declare function useFieldHelpers(params: UseFieldHelpersParams): {
-    resetCode: () => void;
-};
-export {};

package/dist/esm/components/FieldCode/hooks/useFieldHelpers.js

@@ -1,31 +0,0 @@
-import { useCallback, useEffect, useMemo } from 'react';
-import { getFirstEmptyCellIndex } from '../utils';
-export function useFieldHelpers(params) {
-    const { onChangeCode, moveFocus, focusEffects: focusEffectsProp, showEmptyChars, code, codeLength } = params;
-    const focusEffectsKey = [...focusEffectsProp].sort().join(',');
-    const focusEffects = useMemo(() => [...focusEffectsProp], 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [focusEffectsKey]);
-    const resetCode = useCallback(() => {
-        onChangeCode('');
-        if (focusEffects.includes('firstCellOnReset')) {
-            moveFocus(0);
-        }
-    }, [focusEffects, moveFocus, onChangeCode]);
-    useEffect(() => {
-        if (focusEffects.includes('firstCellOnMount')) {
-            moveFocus(0);
-        }
-    }, [focusEffects, moveFocus]);
-    useEffect(() => {
-        if (!focusEffects.includes('firstCellWhenShowEmptyChars') || !showEmptyChars) {
-            return;
-        }
-        const emptyIndex = getFirstEmptyCellIndex(code);
-        if (emptyIndex >= 0) {
-            moveFocus(emptyIndex);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [showEmptyChars, focusEffects, moveFocus, codeLength]);
-    return { resetCode };
-}

package/dist/esm/components/FieldCode/hooks/useFocusCell.d.ts

@@ -1,5 +0,0 @@
-export declare function useFocusCell(codeLength: number): {
-    inputsRef: import("react").MutableRefObject<HTMLInputElement[]>;
-    moveFocus: (newIndex: number) => void;
-    blurFields: () => void;
-};

package/dist/esm/components/FieldCode/hooks/useFocusCell.js

@@ -1,19 +0,0 @@
-import { useCallback, useRef } from 'react';
-export function useFocusCell(codeLength) {
-    const inputsRef = useRef([]);
-    const focusInput = useCallback((index) => {
-        var _a;
-        (_a = inputsRef.current[index]) === null || _a === void 0 ? void 0 : _a.focus();
-    }, [inputsRef]);
-    const moveFocus = useCallback((newIndex) => {
-        if (newIndex >= 0 && newIndex < codeLength) {
-            focusInput(newIndex);
-        }
-    }, [codeLength, focusInput]);
-    const blurFields = useCallback(() => {
-        inputsRef.current.forEach(input => {
-            input === null || input === void 0 ? void 0 : input.blur();
-        });
-    }, [inputsRef]);
-    return { inputsRef, moveFocus, blurFields };
-}

package/dist/esm/components/FieldCode/index.d.ts

@@ -1,2 +0,0 @@
-export * from './FieldCode';
-export { useFieldCodeValidate, type UseFieldCodeValidateParams } from './hooks/useFieldCodeValidate';

package/dist/esm/components/FieldCode/index.js

@@ -1,2 +0,0 @@
-export * from './FieldCode';
-export { useFieldCodeValidate } from './hooks/useFieldCodeValidate';

package/dist/esm/components/FieldCode/styles.module.css

@@ -1,30 +0,0 @@
-.fieldCode{
-  display:flex;
-  flex-direction:column;
-  align-items:center;
-  gap:8px;
-}
-
-.codeContainer{
-  display:flex;
-  justify-content:center;
-}
-.codeContainer[data-size=s]{
-  gap:8px;
-}
-.codeContainer[data-size=m]{
-  gap:8px;
-}
-.codeContainer[data-size=l]{
-  gap:12px;
-}
-
-.cellSpacing[data-size=s]{
-  margin-right:2px;
-}
-.cellSpacing[data-size=m]{
-  margin-right:8px;
-}
-.cellSpacing[data-size=l]{
-  margin-right:12px;
-}

package/dist/esm/components/FieldCode/utils.d.ts

@@ -1,6 +0,0 @@
-import { FieldTextProps } from '@snack-uikit/fields';
-export declare const isNumberChar: (char: string) => boolean;
-export declare const isStringCodeLength: (input: string, codeLength: number) => boolean;
-export declare const isZeroWidthSpace: (value: string) => value is "​";
-export declare function getFirstEmptyCellIndex(code: readonly string[]): number;
-export declare const getCellValidationState: (value: string, showEmptyChars?: boolean, error?: boolean) => FieldTextProps["validationState"];

package/dist/esm/components/FieldCode/utils.js

@@ -1,13 +0,0 @@
-import { ZERO_WIDTH_SPACE } from './constants';
-export const isNumberChar = (char) => /^\d$/.test(char);
-export const isStringCodeLength = (input, codeLength) => new RegExp(`^\\d{${codeLength}}$`).test(input);
-export const isZeroWidthSpace = (value) => value === ZERO_WIDTH_SPACE;
-export function getFirstEmptyCellIndex(code) {
-    return code.findIndex(isZeroWidthSpace);
-}
-export const getCellValidationState = (value, showEmptyChars, error) => {
-    if (showEmptyChars) {
-        return isZeroWidthSpace(value) ? 'error' : 'default';
-    }
-    return error ? 'error' : 'default';
-};

package/src/components/FieldAi/FieldAi.tsx

@@ -1,201 +0,0 @@
-import cn from 'classnames';
-import { forwardRef, KeyboardEventHandler, useEffect, useMemo, useRef, useState } from 'react';
-
-import { EyeClosedSVG, EyeSVG, PasswordLockSVG } from '@cloud-ru/uikit-product-icons';
-import { useLocale } from '@cloud-ru/uikit-product-locale';
-import {
-  AdaptiveFieldTextArea,
-  FieldTextAreaProps,
-  getAdaptiveFieldProps,
-} from '@cloud-ru/uikit-product-mobile-fields';
-import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-import { ButtonFunction, ButtonOutline } from '@snack-uikit/button';
-import { themeVars } from '@snack-uikit/figma-tokens';
-import { Tooltip } from '@snack-uikit/tooltip';
-import { Typography } from '@snack-uikit/typography';
-
-import { FieldSubmitButton } from '../../helperComponents/FieldSubmitButton';
-import { TextAreaActionsFooter } from '../../helperComponents/TextAreaActionsFooter';
-import { isTouchDevice as isTouchDeviceHelper } from '../../helpers';
-import { AIDisclaimer } from '../AIDisclaimer/AIDisclaimer';
-import { AlertButton } from './components/AlertButton';
-import { MobileFieldAi } from './components/MobileFieldAi';
-import { WithPasswordValidation } from './components/WithPasswordValidation';
-import styles from './styles.module.scss';
-import { getValidationPassword, ValidationPasswordKey } from './utils';
-
-export type FieldAiProps = WithLayoutType<
-  Omit<FieldTextAreaProps, 'placeholder' | 'labelTooltip' | 'label' | 'required' | 'size' | 'spellCheck' | 'footer'> & {
-    /** Режим ввода sensitive данных (пароля, API ключей, токенов, etc) */
-    secure?: boolean | 'password';
-    /** Колбек действия при отправке */
-    onSubmit(value: string): void;
-    /** Действие при клике по кнопке сброса контекста */
-    onResetContextClick?(): void;
-    /** Действие для отмены секьюрности поля */
-    onCancelSecure?(): void;
-  }
->;
-
-export const FieldAi = forwardRef<HTMLTextAreaElement, FieldAiProps>(
-  (
-    {
-      secure = false,
-      onSubmit: handleSubmitProp,
-      value,
-      onResetContextClick,
-      onCancelSecure,
-      disabled,
-      className,
-      ...props
-    },
-    ref,
-  ) => {
-    const { layoutType, validationState } = props;
-    const { t } = useLocale('FieldsPredefined');
-    const isTouchDevice = isTouchDeviceHelper(layoutType);
-
-    const [isValueHidden, setIsValueHidden] = useState<boolean>(true);
-    const [animatedValidationKey, setAnimatedValidationKey] = useState<ValidationPasswordKey | null>(null);
-    const timerRef = useRef<NodeJS.Timeout | null>(null);
-
-    const isValueValid = typeof value === 'string' && value.trim().length > 0;
-    const isPasswordMode = secure === 'password';
-
-    const passwordValidation = useMemo(() => getValidationPassword(value), [value]);
-    const isPasswordValid = isPasswordMode ? Object.values(passwordValidation).every(Boolean) : true;
-    const showPasswordError = !isPasswordValid && secure && value;
-    const showPasswordAlert = Boolean(onCancelSecure) && secure === 'password';
-
-    useEffect(
-      () => () => {
-        if (timerRef.current) {
-          clearTimeout(timerRef.current);
-        }
-      },
-      [],
-    );
-
-    const handleSubmit = () => {
-      if (isValueValid && isPasswordValid) {
-        handleSubmitProp(value);
-      }
-    };
-
-    const triggerValidationHighlight = (key: ValidationPasswordKey) => {
-      setAnimatedValidationKey(key);
-
-      timerRef.current = setTimeout(() => {
-        setAnimatedValidationKey(null);
-      }, 1000);
-    };
-
-    const handleKeyDown: KeyboardEventHandler<HTMLTextAreaElement> = event => {
-      if (isTouchDevice) {
-        return;
-      }
-
-      if (isPasswordMode && event.key.length === 1) {
-        const isLetter = /\p{L}/u.test(event.key);
-        const isLatinLetter = /^[a-zA-Z]$/.test(event.key);
-
-        if (isLetter && !isLatinLetter) {
-          event.preventDefault();
-          triggerValidationHighlight('onlyLatin');
-          return;
-        }
-      }
-
-      if (event.key === 'Enter' && !event.shiftKey) {
-        event.preventDefault();
-
-        if (!disabled) {
-          handleSubmit();
-        }
-
-        return;
-      }
-    };
-
-    if (isTouchDevice && !secure) {
-      return (
-        <MobileFieldAi
-          {...props}
-          {...getAdaptiveFieldProps(props)}
-          onSubmit={handleSubmit}
-          submitEnabled={isValueValid && !disabled}
-          ref={ref}
-          value={value}
-        />
-      );
-    }
-
-    return (
-      <div className={cn(styles.wrapper, isPasswordMode && styles.passwordWrapper, className)}>
-        {showPasswordAlert && (
-          <div className={styles.alert}>
-            <PasswordLockSVG size={16} color={themeVars.sys.neutral.textSupport} />
-            <Typography.SansBodyS className={styles.alertText}>{t('FieldAi.secret.alert.text')}</Typography.SansBodyS>
-            <AlertButton label={t('FieldAi.secret.alert.button')} onClick={onCancelSecure} />
-          </div>
-        )}
-        <WithPasswordValidation
-          showValidation={isPasswordMode}
-          passwordValidation={passwordValidation}
-          layoutType={layoutType}
-          animatedKey={animatedValidationKey}
-        >
-          <AdaptiveFieldTextArea
-            {...props}
-            ref={ref}
-            value={value}
-            size='m'
-            minRows={secure ? 1 : 2}
-            maxRows={secure ? 1 : 4}
-            placeholder={secure ? t('FieldAi.secret.placeholder') : t('FieldAi.regular.placeholder')}
-            className={cn(styles.textarea, secure && isValueHidden ? styles.secured : undefined)}
-            onKeyDown={handleKeyDown}
-            spellCheck={!secure}
-            validationState={showPasswordError ? 'error' : validationState}
-            footer={
-              <TextAreaActionsFooter
-                left={
-                  secure && (
-                    <ButtonFunction
-                      size='xs'
-                      icon={isValueHidden ? <EyeSVG /> : <EyeClosedSVG />}
-                      onClick={() => setIsValueHidden(prev => !prev)}
-                    />
-                  )
-                }
-                right={
-                  <>
-                    {secure && onResetContextClick && (
-                      <Tooltip tip={t('FieldAi.resetContext.tooltip')} hoverDelayOpen={600}>
-                        <ButtonOutline
-                          size='xs'
-                          label={t('FieldAi.resetContext.label')}
-                          onClick={onResetContextClick}
-                          appearance='destructive'
-                        />
-                      </Tooltip>
-                    )}
-                    <FieldSubmitButton
-                      showTooltip={!isTouchDevice}
-                      className={cn(styles.submitButton, isTouchDevice ? styles.mobileSubmitButton : undefined)}
-                      active={isValueValid && !disabled && isPasswordValid}
-                      handleClick={handleSubmit}
-                      size={isTouchDevice ? 's' : 'xs'}
-                    />
-                  </>
-                }
-              />
-            }
-          />
-        </WithPasswordValidation>
-
-        {!isPasswordMode && <AIDisclaimer layoutType={layoutType} />}
-      </div>
-    );
-  },
-);

package/src/components/FieldAi/components/AlertButton/AlertButton.tsx

@@ -1,16 +0,0 @@
-import { Typography } from '@snack-uikit/typography';
-
-import styles from './styles.module.scss';
-
-export type AlertButtonProps = {
-  label: string;
-  onClick?(): void;
-};
-
-export function AlertButton({ label, onClick }: AlertButtonProps) {
-  return (
-    <button onClick={onClick} className={styles.button}>
-      <Typography.SansLabelM className={styles.label}>{label}</Typography.SansLabelM>
-    </button>
-  );
-}

package/src/components/FieldAi/components/AlertButton/index.ts

@@ -1 +0,0 @@
-export * from './AlertButton';

package/src/components/FieldAi/components/AlertButton/styles.module.scss

@@ -1,20 +0,0 @@
-@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as stv;
-
-.button {
-  outline: none;
-  border: none;
-  background-color: transparent;
-  cursor: pointer;
-  height: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.label {
-  color: stv.$sys-blue-text-support;
-
-  &:hover {
-    color: stv.$sys-neutral-text-main;
-  }
-}

package/src/components/FieldAi/components/CheckItem/CheckItem.tsx

@@ -1,45 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import { CheckSVG } from '@cloud-ru/uikit-product-icons';
-import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-import { Typography } from '@snack-uikit/typography';
-
-import styles from './styles.module.scss';
-
-type CheckItemProps = WithLayoutType<{
-  label: string;
-  checked: boolean;
-  shouldHide?: boolean;
-  animated?: boolean;
-}>;
-
-const CHECKED_ITEM_DISAPPEAR_TIMEOUT = 500;
-
-export function CheckItem({ label, checked, layoutType, shouldHide = false, animated = false }: CheckItemProps) {
-  const [visible, setVisible] = useState(checked);
-
-  useEffect(() => {
-    if (checked) {
-      const timeoutId = setTimeout(() => {
-        setVisible(false);
-      }, CHECKED_ITEM_DISAPPEAR_TIMEOUT);
-
-      return () => clearTimeout(timeoutId);
-    }
-
-    setVisible(true);
-  }, [checked]);
-
-  if (shouldHide && !visible) {
-    return null;
-  }
-
-  return (
-    <div className={styles.checkItem} data-layout-type={layoutType} data-animated={animated}>
-      <CheckSVG size={16} className={styles.icon} data-checked={checked} />
-      <Typography.SansBodyM className={styles.label} data-checked={checked}>
-        {label}
-      </Typography.SansBodyM>
-    </div>
-  );
-}

package/src/components/FieldAi/components/CheckItem/index.ts

@@ -1 +0,0 @@
-export * from './CheckItem';

package/src/components/FieldAi/components/CheckItem/styles.module.scss

@@ -1,44 +0,0 @@
-@use '@cloud-ru/figma-tokens-cloud-platform/build/scss/styles-theme-variables' as ste;
-
-@keyframes shake {
-  0%, 100% {
-    transform: translateX(0);
-  }
-  10%, 30%, 50%, 70%, 90% {
-    transform: translateX(-4px);
-  }
-  20%, 40%, 60%, 80% {
-    transform: translateX(4px);
-  }
-}
-
-.checkItem {
-  display: inline-flex;
-  gap: 10px;
-
-  &[data-layout-type='mobile'],
-  &[data-layout-type='tablet'] {
-    gap: 8px;
-  }
-
-  &[data-animated='true'] {
-    animation: shake 0.5s ease-in-out;
-  }
-}
-
-.icon {
-  flex-shrink: 0;
-  color: ste.$sys-neutral-accent-default;
-
-  &[data-checked='true'] {
-    color: ste.$sys-primary-text-light;
-  }
-}
-
-.label {
-  color: ste.$sys-neutral-text-light;
-
-  &[data-checked='true'] {
-    color: ste.$sys-primary-text-light;
-  }
-}

package/src/components/FieldAi/components/MobileFieldAi/MobileFieldAi.tsx

@@ -1,57 +0,0 @@
-import { forwardRef } from 'react';
-
-import { useLocale } from '@cloud-ru/uikit-product-locale';
-import { FieldTextAreaProps } from '@cloud-ru/uikit-product-mobile-fields';
-import { Scroll } from '@snack-uikit/scroll';
-
-import { FieldSubmitButton } from '../../../../helperComponents/FieldSubmitButton';
-import { TextArea } from '../TextArea';
-import styles from './styles.module.scss';
-
-type MobileFieldAiProps = Omit<
-  FieldTextAreaProps,
-  'placeholder' | 'labelTooltip' | 'label' | 'required' | 'size' | 'spellCheck' | 'footer'
-> & {
-  onSubmit(): void;
-  submitEnabled: boolean;
-};
-
-const MIN_ROWS = 1;
-const MAX_ROWS = 6;
-
-export const MobileFieldAi = forwardRef<HTMLTextAreaElement, MobileFieldAiProps>(
-  ({ onSubmit, value, submitEnabled, ...props }, ref) => {
-    const { t } = useLocale('FieldsPredefined');
-
-    return (
-      <div
-        className={styles.mobileInputWrapper}
-        style={{ '--max-rows': MAX_ROWS, '--min-rows': MIN_ROWS }}
-        data-size='m'
-      >
-        <Scroll className={styles.scrollContainer} size='s' barHideStrategy='never'>
-          <TextArea
-            {...props}
-            className={styles.textarea}
-            ref={ref}
-            value={value}
-            minRows={MIN_ROWS}
-            placeholder={t('FieldAi.regular.placeholder')}
-            spellCheck={true}
-          />
-        </Scroll>
-
-        <div className={styles.mobileSubmitButtonWrapper}>
-          <FieldSubmitButton
-            showTooltip={false}
-            className={styles.mobileSubmitButton}
-            fullWidth={true}
-            active={submitEnabled}
-            handleClick={onSubmit}
-            size='s'
-          />
-        </div>
-      </div>
-    );
-  },
-);

package/src/components/FieldAi/components/MobileFieldAi/index.ts

@@ -1 +0,0 @@
-export * from './MobileFieldAi';