@redneckz/wildless-cms-uni-blocks 0.14.765 → 0.14.767

package/src/components/ApplicationLeadForm/pasreEsiaProfile.ts

@@ -1,70 +0,0 @@
-import { type UpdateProfileEsiaResponse } from '../../api/RetailAPI/updateProfileEsia';
-import { type Address, type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { normalizePhone } from '../../ui-kit/PhoneInput/normalizePhone';
-
-export const parseEsiaProfile = (esiaProfile: UpdateProfileEsiaResponse): LeadFormState => {
-  const { profile, addInfo, document, addressRegistration, addressFact } = esiaProfile;
-
-  return {
-    name: profile?.name,
-    surname: profile?.surname,
-    middleName: profile?.midname,
-    limitedBirthday: profile?.birthDate,
-    phone: normalizePhone(profile?.phone),
-    email: profile?.email,
-    dulIssueDate: document?.dulIssueDate,
-    dulIssuedBy: document?.dulIssuedBy,
-    dulNumber: document?.dulNumber,
-    dulSerie: document?.dulSerie,
-    dulSubdivisionCode: document?.dulSubdivisionCode,
-    snils: addInfo?.snils,
-    birthPlace: addInfo?.birthPlace,
-    addressRegistration: buildAddress(addressRegistration),
-    addressFact: buildAddress(addressFact),
-    esiaAccountTypeCd: profile?.esiaAccountType,
-  };
-};
-
-const concatFullAddress = (address: Array<string | undefined>): string => {
-  return address.reduce((acc: string, value) => {
-    if (value) {
-      return acc ? `${acc}, ${value}` : value;
-    }
-
-    return acc;
-  }, '');
-};
-
-const buildAddress = (fields: UpdateProfileEsiaResponse['addressRegistration']): Address => {
-  const {
-    postcode,
-    region,
-    regionCode,
-    locality,
-    city,
-    street,
-    house,
-    building,
-    block,
-    apartment,
-  } = fields;
-
-  const place = locality || city;
-
-  const fullAddress = concatFullAddress([
-    postcode,
-    region,
-    place,
-    street ? `ул ${street}` : undefined,
-    house ? `д ${house}` : undefined,
-    block ? `к ${block}` : undefined,
-    building ? `стр ${building}` : undefined,
-    apartment ? `кв ${apartment}` : undefined,
-  ]);
-
-  return {
-    ...fields,
-    regionCode: regionCode?.key,
-    fullAddress,
-  };
-};

package/src/components/ApplicationLeadForm/renderAgreementSubmit.tsx

@@ -1,28 +0,0 @@
-import { type FieldProps } from '../../hooks/useForm/useForm';
-import { type LinkProps } from '../../model/LinkProps';
-import { Checkbox } from '../../ui-kit/Checkbox/Checkbox';
-import { agreementValidator } from '../../ui-kit/FormField/validators';
-import { renderErrorText } from '../../ui-kit/Input/renderErrorText';
-import { withValidator } from '../../validation/withValidator';
-import { type SubmitButtonProps } from './ApplicationLeadFormContent';
-import { Footnote } from './Footnote';
-import { renderSubmitButton } from './renderSubmitButton';
-
-export const renderAgreementSubmit = (
-  consentDataProcessing?: FieldProps<boolean>,
-  link?: LinkProps,
-  button?: SubmitButtonProps,
-) => (
-  <div className="flex col-span-2 gap-xs flex-col w-full items-baseline">
-    <div>
-      <div className="flex gap-3 items-center">
-        <Checkbox {...consentDataProcessing} />
-        <Footnote link={link} />
-      </div>
-      {consentDataProcessing
-        ? renderErrorText(withValidator(consentDataProcessing, agreementValidator).error)
-        : null}
-    </div>
-    {renderSubmitButton(button)}
-  </div>
-);

package/src/components/ApplicationLeadForm/renderInputs.tsx

@@ -1,26 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-argument */
-import { InputsApplicationLeadMap } from '../../services/retail/inputs';
-import { type FieldRetailDef } from '../../services/retail/model/RetailFormContent';
-import { getField } from '../../ui-kit/FormField/getField';
-import { CONSENTS } from './consents';
-import { GroupedConsents, type GroupedConsentsProps } from './GroupedConsents';
-
-export const renderInputs = ({ field, inputs }: GroupedConsentsProps) => {
-  const { consentInputs, restInputs } = splitInputs(inputs || []);
-
-  return consentInputs.length > 2 ? (
-    <div>
-      {restInputs.map(getField<FieldRetailDef>(field, {}, { ...InputsApplicationLeadMap }))}
-      <GroupedConsents inputs={consentInputs} field={field} />
-    </div>
-  ) : (
-    (inputs || [])?.map(getField(field, {}, { ...InputsApplicationLeadMap }))
-  );
-};
-
-const splitInputs = (
-  inputs: FieldRetailDef[] = [],
-): { consentInputs: FieldRetailDef[]; restInputs: FieldRetailDef[] } => ({
-  consentInputs: inputs.filter(({ name }) => Object.keys(CONSENTS).includes(String(name))),
-  restInputs: inputs.filter(({ name }) => !Object.keys(CONSENTS).includes(String(name))),
-});

package/src/components/ApplicationLeadForm/renderSubmitButton.tsx

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

package/src/components/ApplicationLeadForm/useApplicationLeadApi.tsx

@@ -1,141 +0,0 @@
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { createDraftTask } from '../../api/RetailAPI/createDraftTask';
-import { createUserProfile } from '../../api/RetailAPI/createUserProfile';
-import { getLastTaskStatus } from '../../api/RetailAPI/getLastTaskStatus';
-import { getTaskById } from '../../api/RetailAPI/getTaskById';
-import { updateUserProfile } from '../../api/RetailAPI/updateUserProfile';
-import { updateUserTask } from '../../api/RetailAPI/updateUserTask';
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { getUpdateUserProfileData } from '../../services/retail/utils/getUpdateUserProfile';
-import { useConsentBkiDialog } from '../../ui-kit/ConsentBkiDialog/useConsentBkiDialog';
-import { useDialog } from '../../ui-kit/DialogManager/useDialog';
-import { useDraftDialog } from '../../ui-kit/DraftDialog/useDraftDialog';
-import { useEsiaLoginDialog } from '../../ui-kit/EsiaLoginDialog/useEsiaLoginDialog';
-import { VerifyPhoneDialog } from '../../ui-kit/VerifyPhoneDialog/VerifyPhoneDialog';
-import { formatPhone } from '../../utils/formatPhone';
-import { CONSENTS } from './consents';
-import { getLeadFormTaskData } from './getLeadFormTaskData';
-import { useSaveUserData, type UserData } from './useSaveUserData';
-
-interface ApplicationLeadApiProps {
-  programId: string;
-  nextStepLink: string;
-}
-
-export const useApplicationLeadApi = ({ programId, nextStepLink }: ApplicationLeadApiProps) => {
-  const [isSending, { setTrue: startSending, setFalse: endSending }] = useBool(false);
-  const [ok, setOK] = useState<boolean | undefined>();
-  const saveUserData = useSaveUserData();
-
-  const openEsiaLoginDialog = useEsiaLoginDialog(nextStepLink);
-  const consentBkiDialog = useConsentBkiDialog(openEsiaLoginDialog);
-  const verifyPhoneDialog = useDialog(VerifyPhoneDialog);
-  const draftDialog = useDraftDialog();
-
-  const handleSubmit = useCallback(async (formData: LeadFormState) => {
-    try {
-      startSending();
-      const profileId = await createUserProfile({
-        profile: { phone: formatPhone(formData.phone as string) },
-      });
-
-      if (profileId && formData?.phone) {
-        const sendCurrentTask = async () => {
-          await updateUserData({
-            programId,
-            profileId,
-            formData,
-            saveUserData,
-          });
-          verifyPhoneDialog.close();
-          consentBkiDialog.open(formData.phone, profileId);
-        };
-        const handleSuccessVerify = async () => {
-          try {
-            const lastTaskId = await getLastTaskStatus({ profileId, programId });
-
-            if (lastTaskId) {
-              const task = await getTaskById({ taskId: lastTaskId });
-              verifyPhoneDialog.close();
-              draftDialog.open({
-                task,
-                isFromLead: true,
-                onClose: sendCurrentTask,
-              });
-            } else {
-              await sendCurrentTask();
-            }
-          } catch {
-            setOK(false);
-          }
-        };
-
-        const acceptedConsents = getAcceptedConsents(formData);
-
-        verifyPhoneDialog.open({
-          phone: formData?.phone,
-          consents: acceptedConsents,
-          onSuccess: handleSuccessVerify,
-        });
-        endSending();
-      }
-    } catch {
-      setOK(false);
-    }
-  }, []);
-
-  return { isSending, ok, handleSubmit };
-};
-
-const getAcceptedConsents = (formData: LeadFormState): string[] =>
-  Object.keys(CONSENTS)
-    .filter((_) => formData[_])
-    .map((_) => CONSENTS[_]?.text);
-
-const updateUserData = async ({
-  programId,
-  profileId,
-  formData,
-  saveUserData,
-}: {
-  programId: string;
-  profileId: number;
-  formData: LeadFormState;
-  saveUserData: (userData: UserData) => void;
-}) => {
-  const transformedForm = transformOtherConsentsField(formData);
-
-  await updateUserProfile(getUpdateUserProfileData(profileId, transformedForm));
-
-  const { taskId, participantId } = await createDraftTask({
-    profileId,
-    programId,
-  });
-
-  try {
-    await updateUserTask(
-      getLeadFormTaskData({
-        participantId,
-        taskId,
-        profileId,
-        formData: transformedForm,
-      }),
-    );
-  } catch (ex) {
-    console.log(ex);
-  }
-
-  saveUserData({ participantId, taskId, profileId, programId, formData });
-};
-
-const transformOtherConsentsField = (formData: LeadFormState): LeadFormState => {
-  const { consentOthersFlg, ...form } = formData;
-
-  return {
-    ...form,
-    consentCollectionFlg: consentOthersFlg,
-    consentAssignmentClaimsFlg: consentOthersFlg,
-    consentPhotoFlg: consentOthersFlg,
-  };
-};

package/src/components/ApplicationLeadForm/useInitApplicationLead.ts

@@ -1,71 +0,0 @@
-import { useCallback, useEffect, useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { updateProfileEsia } from '../../api/RetailAPI/updateProfileEsia';
-import { locationNavigator } from '../../external/locationNavigator';
-import { useSetter } from '../../hooks/useSetter';
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { type FieldRetailDef } from '../../services/retail/model/RetailFormContent';
-import { safeJsonParse } from '../../utils/safeJsonParse';
-import { getInitialFormState } from './getInitialFormState';
-import { parseEsiaProfile } from './pasreEsiaProfile';
-import { useLeadFormStore } from './useLeadFormStore';
-
-export const useInitApplicationLead = (
-  inputs: FieldRetailDef[],
-  nextStepLink: string,
-): [LeadFormState, { isLoading: boolean }] => {
-  const navigator = locationNavigator();
-  const [isLoading, { setTrue: startLoading, setFalse: endLoading }] = useBool(false);
-
-  const leadFormStore = useLeadFormStore();
-  const saveForm = useSetter(leadFormStore, 'leadForm');
-
-  const initialFormState = useMemo(
-    () => getInitialFormState(inputs, leadFormStore.leadForm),
-    [inputs, leadFormStore.leadForm],
-  );
-
-  const updateEsiaProfile = useCallback(
-    async (profileId: string, code: string, state: string) => {
-      startLoading();
-      try {
-        const data = await updateProfileEsia({
-          profileId,
-          code,
-          state,
-          redirectUri: globalThis.location?.href,
-        });
-
-        if (data) {
-          saveForm((_) => ({
-            ..._,
-            ...parseEsiaProfile(data),
-          }));
-        }
-
-        navigator.assign(nextStepLink);
-      } finally {
-        endLoading();
-      }
-    },
-    [nextStepLink],
-  );
-
-  useEffect(() => {
-    const profileId: string = <string>(
-      safeJsonParse(globalThis.localStorage?.getItem('profileId') ?? '')
-    );
-    const params = new URLSearchParams(decodeURIComponent(globalThis.location?.search));
-    const code = params.get('code');
-    const state = params.get('state');
-
-    if (profileId && code && state) {
-      updateEsiaProfile(profileId, code, state);
-    } else {
-      sessionStorage.removeItem('accessToken');
-      sessionStorage.removeItem('refreshToken');
-    }
-  }, []);
-
-  return [initialFormState, { isLoading }];
-};

package/src/components/ApplicationLeadForm/useLeadFormStore.ts

@@ -1,12 +0,0 @@
-import { useLocalStore } from '@redneckz/uni-jsx/lib/Store/useLocalStore';
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-
-export interface LeadFormStoreSlice {
-  leadForm: LeadFormState;
-  taskId: number;
-  profileId: number;
-  participantId: number;
-  programId: string;
-}
-
-export const useLeadFormStore = () => useLocalStore<LeadFormStoreSlice>();

package/src/components/ApplicationLeadForm/useSaveUserData.ts

@@ -1,27 +0,0 @@
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { useLeadFormStore } from './useLeadFormStore';
-
-export interface UserData {
-  participantId: number;
-  taskId: number;
-  profileId: number;
-  programId: string;
-  formData: LeadFormState;
-}
-export const useSaveUserData = () => {
-  const leadFormStore = useLeadFormStore();
-
-  const saveUserData = useCallback(
-    ({ participantId, taskId, profileId, programId: programNumber, formData }: UserData) => {
-      leadFormStore.participantId = participantId;
-      leadFormStore.taskId = taskId;
-      leadFormStore.profileId = profileId;
-      leadFormStore.programId = programNumber;
-      leadFormStore.leadForm = formData;
-    },
-    [],
-  );
-
-  return saveUserData;
-};

package/src/components/CreditCardForm/CreditCardForm.fixture.mobile.tsx

@@ -1,21 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useAsyncEffect } from '../../hooks/useAsyncEffect';
-import { mockLocalStorage } from '../../services/retail/mockLocalStorage';
-import '../../setup-fixture';
-import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
-import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
-import { CreditCardForm } from './CreditCardForm';
-
-export default {
-  default: JSX(() => {
-    useAsyncEffect(async () => await mockLocalStorage(), []);
-
-    return (
-      <div>
-        <CreditCardForm className="col-span-12" />
-        <PopupManager />
-        <DialogManager />
-      </div>
-    );
-  }),
-};

package/src/components/CreditCardForm/CreditCardForm.fixture.tsx

@@ -1,21 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useAsyncEffect } from '../../hooks/useAsyncEffect';
-import { mockLocalStorage } from '../../services/retail/mockLocalStorage';
-import '../../setup-fixture';
-import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
-import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
-import { CreditCardForm } from './CreditCardForm';
-
-export default {
-  default: JSX(() => {
-    useAsyncEffect(async () => await mockLocalStorage(), []);
-
-    return (
-      <div>
-        <CreditCardForm className="col-span-12" />
-        <PopupManager />
-        <DialogManager />
-      </div>
-    );
-  }),
-};

package/src/components/CreditCardForm/CreditCardForm.tsx

@@ -1,75 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { updateRefreshToken } from '../../api/RetailAPI/updateRefreshToken';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { type CreditCardFormContent } from './CreditCardFormContent';
-import { CreditCardFormProgress } from './CreditCardFormProgress';
-import { CreditCardFormStatusTracker } from './CreditCardFormStatusTracker';
-import { CreditCardFormStep } from './CreditCardFormStep';
-import { stepsSectionsMap } from './creditCardFormStepsData';
-
-interface CreditCardFormWizardProps extends CreditCardFormContent, UniBlockProps {}
-
-const STEPS = 6;
-
-const TITLES = [
-  'Параметры карты',
-  'Персональные данные',
-  'Данные о трудоустройстве',
-  'Семейное положение и доход',
-  'Дополнительные сведения',
-  'Выбор способа получения',
-];
-
-export const CreditCardForm = JSX<CreditCardFormWizardProps>(({ className, ...rest }) => {
-  const [step, setStep] = useState(0);
-
-  const formContainerRef = useRef<HTMLDivElement | null>(null);
-  const scrollToTop = useCallback(
-    () => formContainerRef?.current?.scrollIntoView({ behavior: 'smooth' }),
-    [formContainerRef],
-  );
-
-  useEffect(updateRefreshToken, []);
-
-  const handleNextStep = useCallback(() => {
-    setStep((_) => Math.min(_ + 1, STEPS));
-    scrollToTop();
-  }, []);
-
-  const handlePrevStep = useCallback(() => {
-    //TODO search hook - 1,
-    setStep((_) => Math.max(_ - 1, 0));
-    scrollToTop();
-  }, []);
-
-  const sections = stepsSectionsMap[step];
-
-  const [isFormFinished, { setTrue: handleFinish }] = useBool(false);
-
-  return (
-    <BlockWrapper className={className} {...rest}>
-      <div ref={formContainerRef} className="container grid grid-cols-12">
-        {isFormFinished ? null : (
-          <CreditCardFormProgress stepsTitles={TITLES} step={step} totalSteps={STEPS} />
-        )}
-        <div className="py-lg px-5xl mt-2xs bg-white col-span-12">
-          {isFormFinished ? (
-            <CreditCardFormStatusTracker />
-          ) : (
-            <CreditCardFormStep
-              key={String(step)}
-              step={step}
-              sections={sections}
-              onNextStep={handleNextStep}
-              onPrevStep={handlePrevStep}
-              onFinish={handleFinish}
-            />
-          )}
-        </div>
-      </div>
-    </BlockWrapper>
-  );
-});

package/src/components/CreditCardForm/CreditCardFormContent.ts

@@ -1,26 +0,0 @@
-import { type FormFieldRegisterer } from '../../hooks/useForm/useForm';
-import { type TitleProps } from '../../model/HeadlineType';
-import { type InputSectionsType, type SectionsRetailProps } from '../../model/InputSectionsType';
-import { type LeadFormState } from '../../services/retail/model/LeadFormState';
-import { type FieldRetailDef } from '../../services/retail/model/RetailFormContent';
-import { type UniBlockContent } from '../../UniBlock/UniBlockProps';
-
-/** @hidden */
-export interface RenderInputsProps {
-  inputs?: FieldRetailDef[];
-  field: FormFieldRegisterer<LeadFormState>;
-}
-
-export type CreditCardSectionsProps = SectionsRetailProps & {
-  type?: 'courier' | 'office';
-};
-
-/**
- * @title Форма заявки на потребительский кредит настраиваемая
- */
-export type CreditCardFormContent = UniBlockContent &
-  TitleProps &
-  InputSectionsType & {
-    /** @title Номер кредитной программы */
-    programId?: string;
-  };

package/src/components/CreditCardForm/CreditCardFormProgress.tsx

@@ -1,27 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useMemo } from '@redneckz/uni-jsx/lib/hooks';
-import { ProgressBar } from '../../ui-kit/ProgressBar/ProgressBar';
-
-export interface CreditCardFormProgressProps {
-  step: number;
-  totalSteps?: number;
-  stepsTitles?: string[];
-}
-
-export const CreditCardFormProgress = JSX<CreditCardFormProgressProps>(
-  ({ step = 1, totalSteps = 6, stepsTitles = [] }) => {
-    const progress = useMemo(() => ((step + 1) / totalSteps) * 100, [step, totalSteps]);
-
-    return (
-      <div className="py-lg px-5xl bg-white col-span-12">
-        <div>
-          <span className="font-bold mr-s">
-            Шаг {step + 1} из {totalSteps}.
-          </span>
-          {stepsTitles[step] || null}
-          <ProgressBar step={progress} showPercentage={false} />
-        </div>
-      </div>
-    );
-  },
-);

package/src/components/CreditCardForm/CreditCardFormStatus.tsx

@@ -1,110 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useMobileMode } from '../../hooks/useMobileMode';
-import { type DescriptionProps, type LabelProps } from '../../model/HeadlineType';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { inputColumnStyles } from '../../ui-kit/FormField/inputColumnStyle';
-import { Link } from '../../ui-kit/Link/Link';
-import { Text } from '../../ui-kit/Text/Text';
-import { TimerCircle } from '../../ui-kit/TimerCircle/TimerCircle';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { noop } from '../../utils/noop';
-import { style } from '../../utils/style';
-import { Headline } from '../Headline/Headline';
-
-type CreditCardFormStatusProps = UniBlockProps & {
-  title?: string;
-  description?: string;
-  interval?: number;
-  sectionInfoTitle?: string;
-  sectionInfo?: (LabelProps & DescriptionProps)[];
-  sectionAdditionalTitle?: string;
-  sectionInfoAdditional?: (LabelProps & DescriptionProps)[];
-  buttonText?: string;
-  onExpire?: () => void;
-};
-
-export const CreditCardFormStatus = JSX<CreditCardFormStatusProps>(
-  ({
-    title,
-    description: dsc,
-    sectionInfoTitle,
-    sectionInfo,
-    sectionAdditionalTitle,
-    sectionInfoAdditional,
-    buttonText,
-    interval,
-    onExpire = noop,
-    ...props
-  }) => (
-    <BlockWrapper {...props}>
-      <div className="flex flex-col md:flex-row items-center">
-        <Headline
-          headlineVersion="M"
-          title={title}
-          description={dsc}
-          align="text-left"
-          padding="p-xl"
-          className="w-full"
-        />
-        {interval ? <TimerCircle interval={interval} onEnd={onExpire} /> : null}
-      </div>
-      <SectionInfo title={sectionInfoTitle} items={sectionInfo} />
-      <SectionInfo title={sectionAdditionalTitle} items={sectionInfoAdditional} countColumns />
-      {buttonText ? (
-        <Link href="/natural" text={buttonText} version="primary" className="w-full mt-lg" />
-      ) : null}
-    </BlockWrapper>
-  ),
-);
-
-const SectionInfo = ({
-  title,
-  items,
-  countColumns = false,
-}: {
-  title?: string;
-  items?: (LabelProps & DescriptionProps)[];
-  countColumns?: boolean;
-}) => {
-  const isMobile = useMobileMode();
-
-  if (!items) {
-    return null;
-  }
-
-  return (
-    <div>
-      <hr className="w-full h-px bg-main-gray border-0" />
-      <div className="p-xl">
-        {title ? (
-          <Text color="text-primary-text" size="text-h5">
-            <div className={style({ 'mb-m': Boolean(title) })}>{title}</div>
-          </Text>
-        ) : null}
-        {items ? (
-          <div
-            className={style(
-              'grid grid-cols-1 gap-m',
-              inputColumnStyles(countColumns || isMobile ? 1 : 2),
-            )}
-          >
-            {items.map((item, index) => (
-              <div key={index}>{renderItem(item)}</div>
-            ))}
-          </div>
-        ) : null}
-      </div>
-    </div>
-  );
-};
-
-const renderItem = ({ label, description }: LabelProps & DescriptionProps) => (
-  <div className="flex flex-col">
-    <Text color="text-secondary-text" size="text-l">
-      {label}
-    </Text>
-    <Text color="text-primary-text" size="text-xl">
-      {description}
-    </Text>
-  </div>
-);