@scbt-ecom/ui 0.4.2 → 0.4.3

package/lib/shared/validation/zodValidation/dadataFio.ts

@@ -1,67 +0,0 @@
-import { z } from 'zod'
-import { RgxCheckForHyphen, RgxPatronymic, RgxUnicode } from '../regExp'
-import { capitalize } from '$/shared/utils'
-
-const formattedFio = (value: string) => {
-  const parts = value.trim().replace(/\s+/g, ' ').split(' ')
-  const [surname, name, ...patronymicArr] = parts
-  const patronymic = patronymicArr?.join(' ')
-
-  return {
-    surname,
-    name,
-    patronymic
-  }
-}
-
-export const zodDadataFioValidate = z
-  .string({ invalid_type_error: 'Обязательно к заполнению', required_error: 'Обязательно к заполнению' })
-  .superRefine((value, ctx) => {
-    if (!RgxUnicode.test(value)) {
-      ctx.addIssue({
-        code: z.ZodIssueCode.custom,
-        message: 'Должна быть только кириллица'
-      })
-    }
-
-    const { surname, name, patronymic } = formattedFio(value)
-
-    if (!surname || !name) {
-      ctx.addIssue({
-        code: z.ZodIssueCode.custom,
-        message: 'Введите имя и фамилию'
-      })
-    }
-
-    if (!RgxCheckForHyphen.test(name)) {
-      ctx.addIssue({
-        code: z.ZodIssueCode.custom,
-        message: 'Неверно введено имя'
-      })
-    }
-
-    if (!RgxCheckForHyphen.test(surname)) {
-      ctx.addIssue({
-        code: z.ZodIssueCode.custom,
-        message: 'Неверно введена фамилия'
-      })
-    }
-
-    if (patronymic) {
-      if (!RgxPatronymic.test(patronymic)) {
-        ctx.addIssue({
-          code: z.ZodIssueCode.custom,
-          message: 'Неверно введено отчество'
-        })
-      }
-    }
-  })
-  .transform((value) => {
-    const { surname, name, patronymic } = formattedFio(value)
-
-    return {
-      surname: capitalize(surname),
-      name: capitalize(name),
-      patronymic: patronymic ? capitalize(patronymic) : undefined
-    }
-  })

package/lib/shared/validation/zodValidation/index.ts

@@ -1,2 +0,0 @@
-export * from './dadataFio'
-export * from './calendar'

package/lib/vite-env.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="vite/client" />
-/// <reference types="vite-plugin-svgr/client" />

package/lib/widgets/Advantages.tsx

@@ -1,45 +0,0 @@
-import * as React from 'react'
-import { Heading } from '$/shared/ui'
-import { cn } from '$/shared/utils'
-
-interface IAdvantageClasses {
-  wrapper: string
-  advantage: string
-  title: string
-  description: string
-}
-export interface IAdvantage {
-  title: string
-  description: string | React.ReactElement
-}
-
-export interface IAdvantagesProps {
-  advantagesList: IAdvantage[]
-  classes?: Partial<IAdvantageClasses>
-}
-
-export const Advantages = ({ advantagesList, classes }: IAdvantagesProps) => {
-  return (
-    <div
-      className={cn(
-        'flex w-[328px] flex-col gap-8 rounded-md bg-color-white shadow-sm mobile:p-6 desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:py-6',
-        classes?.wrapper
-      )}
-    >
-      {advantagesList?.map(({ title, description }) => (
-        <div
-          key={title}
-          className={cn(
-            'after:content-[" "] relative flex h-full w-[285px] flex-col gap-2 after:absolute after:h-[1px] after:w-[280px] after:bg-color-blue-grey-300 last:after:hidden mobile:after:-bottom-4 mobile:after:left-1/2 mobile:after:-translate-x-1/2 desktop:px-8 desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2',
-            classes?.advantage
-          )}
-        >
-          <Heading as='h4' className={cn('text-color-dark', classes?.title)}>
-            {title}
-          </Heading>
-          <p className={cn('desk-body-regular-l text-color-tetriary', classes?.description)}>{description}</p>
-        </div>
-      ))}
-    </div>
-  )
-}

package/lib/widgets/banner/Banner.tsx

@@ -1,74 +0,0 @@
-import { type IAdvantage } from '../Advantages'
-import { type IBannerButtonsGroupClasses } from './ui/BannerButtonsGroup'
-import { BannerWithSeparateImg } from './ui/banners'
-import { BannerImageFull } from './ui/banners/BannerImageFull'
-import { type IButtonProps } from '$/shared/ui'
-
-interface IBannerClasses extends IBannerButtonsGroupClasses {
-  section: string
-  container: string
-  wrapper: string
-  content: string
-  textBlock: string
-  title: string
-  subtitle: string
-  imageContainer: string
-  image: string
-  advantages: string
-}
-
-export type TButtonsConfig = {
-  primary: IButtonProps
-  secondary?: IButtonProps
-}
-
-export interface IBannerProps {
-  headTitle: string
-  subtitle: string
-  buttonsConfig: TButtonsConfig
-  advantagesList?: IAdvantage[]
-  classes?: Partial<IBannerClasses>
-  bannerVariant?: 'sepatateImg' | 'fullImg'
-}
-
-export const Banner = ({ bannerVariant, ...props }: IBannerProps) => {
-  switch (bannerVariant) {
-    case 'sepatateImg':
-      return <BannerWithSeparateImg {...props} />
-    case 'fullImg':
-      return <BannerImageFull {...props} />
-    default:
-      return <BannerWithSeparateImg {...props} />
-  }
-}
-
-// export const Banner = ({ headTitle, subtitle, buttonsConfig, advantagesList, classes }: IBannerProps) => {
-//   return (
-//     <section className={cn('h-[456px] bg-banner-skyblue-300 relative', classes?.section)}>
-//       <ResponsiveContainer className={cn(classes?.container)}>
-//         <div className={cn('flex flex-col desktop:flex-row desktop:justify-between', classes?.wrapper)}>
-//           <div className={cn('z-10 flex flex-col gap-10 pt-6 desktop:pt-20', classes?.content)}>
-//             <div className={cn('flex flex-col gap-4', classes?.textBlock)}>
-//               <Heading as='h1' className={cn('text-color-dark', classes?.title)}>
-//                 {headTitle}
-//               </Heading>
-//               <p className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}>{subtitle}</p>
-//             </div>
-//             <BannerButtonsGroup buttonsConfig={buttonsConfig} classes={classes} />
-//           </div>
-//           <div
-//             className={cn(
-//               'w-full h-[410px] mobile:absolute mobile:left-1/2 mobile:bottom-0 mobile:-translate-x-1/2 desktop:w-[550px] desktop:h-full',
-//               classes?.imageContainer
-//             )}
-//           >
-//             <img src={money} alt='money' className={cn('w-full h-full object-contain', classes?.image)} />
-//           </div>
-//         </div>
-//         <div className={cn('absolute bottom-[-400px] desktop:bottom-[-50px]', classes?.advantages)}>
-//           {advantagesList && advantagesList?.length > 0 && <Advantages advantagesList={advantagesList} />}
-//         </div>
-//       </ResponsiveContainer>
-//     </section>
-//   )
-// }

package/lib/widgets/banner/index.ts

@@ -1 +0,0 @@
-export { Banner } from './Banner'

package/lib/widgets/banner/model/helpers.ts

@@ -1,159 +0,0 @@
-import toast from 'react-hot-toast'
-import { type IBannerProps } from '../Banner'
-
-export const mockBannerBase: IBannerProps = {
-  headTitle: 'Кредит на любые цели',
-  subtitle: 'до 5 млн рублей',
-  buttonsConfig: {
-    primary: {
-      onClick: () => toast.success('@click on primary btn'),
-      children: 'Primary',
-      size: 'lg'
-    },
-    secondary: {
-      onClick: () => toast.success('@click on secondary btn'),
-      children: 'Secondary',
-      size: 'lg'
-    }
-  }
-}
-export const mockBannerOnlyPrimaryButton: IBannerProps = {
-  headTitle: 'Кредит на любые цели',
-  subtitle: 'до 5 млн рублей',
-  buttonsConfig: {
-    primary: {
-      onClick: () => toast.success('@click on primary btn'),
-      children: 'Primary',
-      size: 'lg'
-    }
-  }
-}
-
-export const mockWithAdvantages: IBannerProps = {
-  headTitle: 'Кредит на любые цели',
-  subtitle: 'до 5 млн рублей',
-  buttonsConfig: {
-    primary: {
-      onClick: () => toast.success('@click on primary btn'),
-      children: 'Primary',
-      size: 'lg'
-    }
-  },
-  advantagesList: [
-    { title: 'До 5 млн ₽', description: 'сумма кредита' },
-    { title: 'До 5 лет', description: 'срок кредита' },
-    { title: 'От 5 минут', description: 'быстрое одобрение' },
-    { title: 'От 20 минут', description: 'сумма одобрения' }
-  ]
-}
-export const mockBannerBaseFullImage: IBannerProps = {
-  headTitle: 'Кредит на любые цели',
-  subtitle: 'до 5 млн рублей',
-  buttonsConfig: {
-    primary: {
-      onClick: () => toast.success('@click on primary btn'),
-      children: 'Primary',
-      size: 'lg'
-    },
-    secondary: {
-      onClick: () => toast.success('@click on secondary btn'),
-      children: 'Secondary',
-      size: 'lg'
-    }
-  },
-  classes: {
-    primary: 'bg-color-negative',
-    secondary: 'bg-color-negative text-color-white'
-  },
-  bannerVariant: 'fullImg'
-}
-
-export const mockBannerFullImageOnlyPrimaryButton: IBannerProps = {
-  headTitle: 'Кредит на любые цели',
-  subtitle: 'до 5 млн рублей',
-  buttonsConfig: {
-    primary: {
-      onClick: () => toast.success('@click on primary btn'),
-      children: 'Primary',
-      size: 'lg'
-    }
-  },
-  classes: {
-    primary: 'bg-color-negative'
-  },
-  bannerVariant: 'fullImg'
-}
-
-export const mockBannerFullImageWithAdvantages: IBannerProps = {
-  headTitle: 'Кредит на любые цели',
-  subtitle: 'до 5 млн рублей',
-  buttonsConfig: {
-    primary: {
-      onClick: () => toast.success('@click on primary btn'),
-      children: 'Primary',
-      size: 'lg'
-    },
-    secondary: {
-      onClick: () => toast.success('@click on secondary btn'),
-      children: 'Secondary',
-      size: 'lg'
-    }
-  },
-  classes: {
-    primary: 'bg-color-negative',
-    secondary: 'bg-color-negative text-color-white'
-  },
-  bannerVariant: 'fullImg',
-  advantagesList: [
-    { title: 'До 5 млн ₽', description: 'сумма кредита' },
-    { title: 'До 5 лет', description: 'срок кредита' },
-    { title: 'От 5 минут', description: 'быстрое одобрение' },
-    { title: 'От 20 минут', description: 'сумма одобрения' }
-  ]
-}
-
-export const mockBannerBaseGradient: IBannerProps = {
-  headTitle: 'Кредит на любые цели',
-  subtitle: 'до 5 млн рублей',
-  buttonsConfig: {
-    primary: {
-      onClick: () => toast.success('@click on primary btn'),
-      children: 'Primary',
-      size: 'lg'
-    },
-    secondary: {
-      onClick: () => toast.success('@click on secondary btn'),
-      children: 'Secondary',
-      size: 'lg'
-    }
-  },
-  classes: {
-    section: 'bg-color-transparent bg-[linear-gradient(97.94deg,_#dae4f2_-14.21%,_#afcffc_47.44%,_#79aef8_107.86%);]'
-  }
-}
-
-export const mockBannerBaseGradientAdvantages: IBannerProps = {
-  headTitle: 'Кредит на любые цели',
-  subtitle: 'до 5 млн рублей',
-  buttonsConfig: {
-    primary: {
-      onClick: () => toast.success('@click on primary btn'),
-      children: 'Primary',
-      size: 'lg'
-    },
-    secondary: {
-      onClick: () => toast.success('@click on secondary btn'),
-      children: 'Secondary',
-      size: 'lg'
-    }
-  },
-  classes: {
-    section: 'bg-color-transparent gradient-apply'
-  },
-  advantagesList: [
-    { title: 'До 5 млн ₽', description: 'сумма кредита' },
-    { title: 'До 5 лет', description: 'срок кредита' },
-    { title: 'От 5 минут', description: 'быстрое одобрение' },
-    { title: 'От 20 минут', description: 'сумма одобрения' }
-  ]
-}

package/lib/widgets/banner/ui/BannerButtonsGroup.tsx

@@ -1,44 +0,0 @@
-import { type TButtonsConfig } from '../Banner'
-import { Button } from '$/shared/ui'
-import { cn } from '$/shared/utils'
-
-export interface IBannerButtonsGroupClasses {
-  group: string
-  primary: string
-  secondary: string
-}
-interface IBannerButtonsGroupProps {
-  buttonsConfig: TButtonsConfig
-  classes?: Partial<IBannerButtonsGroupClasses>
-  className?: string
-}
-
-export const BannerButtonsGroup = ({ buttonsConfig, classes, className }: IBannerButtonsGroupProps) => {
-  const withSecondaryBtn = buttonsConfig?.secondary && buttonsConfig.secondary.children
-
-  return (
-    <div
-      data-id='banner-buttons-group'
-      className={cn(
-        'grid-buttons-apply absolute bottom-6 flex w-full flex-col mobile:max-w-[328px] mobile:justify-self-center desktop:static desktop:flex-row',
-        { 'flex items-center gap-4': withSecondaryBtn },
-        classes?.group,
-        className
-      )}
-    >
-      <Button intent='primary' {...buttonsConfig.primary} isFull className={cn('desktop:max-w-[216px]', classes?.primary)}>
-        {buttonsConfig.primary.children}
-      </Button>
-      {withSecondaryBtn && (
-        <Button
-          intent='secondary'
-          {...buttonsConfig?.secondary}
-          isFull
-          className={cn('desktop:max-w-[216px]', classes?.secondary)}
-        >
-          {buttonsConfig?.secondary?.children}
-        </Button>
-      )}
-    </div>
-  )
-}

package/lib/widgets/banner/ui/banners/BannerImageFull.tsx

@@ -1,82 +0,0 @@
-import { type IBannerProps } from '../../Banner'
-import saif from '../../saif.jpg'
-import { BannerButtonsGroup } from '../BannerButtonsGroup'
-import { Heading, ResponsiveContainer } from '$/shared/ui'
-import { cn } from '$/shared/utils'
-import { Advantages } from '$/widgets/Advantages'
-
-export const BannerImageFull = ({
-  headTitle,
-  subtitle,
-  buttonsConfig,
-  advantagesList,
-  classes
-}: Omit<IBannerProps, 'bannerVariant'>) => {
-  return (
-    <section data-id='banner-section' className={cn('relative h-[552px] desktop:h-[456px]', classes?.section)}>
-      <div
-        data-id='banner-img-wrapper'
-        className='absolute bottom-0 left-0 right-0 top-0 z-[-1] mx-auto h-full max-w-[1920px] desktop:h-[456px]'
-      >
-        <picture>
-          <source
-            media='(min-width: 1128px)'
-            srcSet='https://sovcombank.ru/apply/credit/static/5a216aa0b1aa395335e71cb69fc3059f/7eb38/large.avif'
-            type='image/avif'
-          />
-          <source
-            media='(max-width: 1127px)'
-            srcSet='https://sovcombank.ru/apply/credit/static/e71c554abd4a3a92ff79f048568de883/73d21/mob.avif'
-            type='image/avif'
-          />
-          <img
-            data-id='banner-image'
-            src={saif}
-            alt=' '
-            className={cn('h-full w-full object-cover object-center', classes?.image)}
-          />
-        </picture>
-      </div>
-      <ResponsiveContainer data-id='banner-container' className={cn('h-full pb-6', classes?.container)}>
-        <div
-          data-id='banner-grid'
-          className={cn(
-            'grid-mob-full-img-apply desktop:grid-desk-full-img-apply grid h-full grid-rows-[repeat(2,_min-content)]',
-            classes?.wrapper
-          )}
-        >
-          <div
-            data-id='banner-text-block'
-            className={cn(
-              'grid-text-apply flex flex-col gap-4 pt-6 mobile:w-[328px] desktop:pb-10 desktop:pt-20',
-              classes?.textBlock
-            )}
-          >
-            <Heading data-id='banner-title' as='h1' className={cn('text-color-white', classes?.title)}>
-              {headTitle}
-            </Heading>
-            <p data-id='banner-subtitle' className={cn('desk-body-regular-l text-color-white', classes?.subtitle)}>
-              {subtitle}
-            </p>
-          </div>
-
-          <BannerButtonsGroup
-            className='mobile:self-end'
-            data-id='banner-buttons-group'
-            buttonsConfig={buttonsConfig}
-            classes={classes}
-          />
-        </div>
-
-        <div
-          data-id='banner-advantages'
-          className={cn('absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]', classes?.advantages)}
-        >
-          {advantagesList && advantagesList?.length > 0 && (
-            <Advantages data-id='banner-advantages-list' advantagesList={advantagesList} />
-          )}
-        </div>
-      </ResponsiveContainer>
-    </section>
-  )
-}

package/lib/widgets/banner/ui/banners/BannerWithSeparateImg.tsx

@@ -1,60 +0,0 @@
-import { type IBannerProps } from '../../Banner'
-import money from '../../money.png'
-import { BannerButtonsGroup } from '../BannerButtonsGroup'
-import { Heading, ResponsiveContainer } from '$/shared/ui'
-import { cn } from '$/shared/utils'
-import { Advantages } from '$/widgets/Advantages'
-
-export const BannerWithSeparateImg = ({
-  headTitle,
-  subtitle,
-  buttonsConfig,
-  advantagesList,
-  classes
-}: Omit<IBannerProps, 'bannerVariant'>) => {
-  const countButtons = Object.keys(buttonsConfig).reduce((acc, key) => (key ? acc + 1 : acc), 0)
-
-  return (
-    <section data-id='banner-section' className={cn('relative bg-banner-skyblue-300 pb-6 desktop:h-[456px]', classes?.section)}>
-      <ResponsiveContainer data-id='banner-container' className={cn(classes?.container)}>
-        <div
-          data-id='banner-grid'
-          className={cn('grid-mob-apply desktop:grid-desk-apply grid mobile:justify-center', classes?.wrapper)}
-        >
-          <div
-            data-id='banner-text-block'
-            className={cn('grid-text-apply mb-2 flex flex-col gap-4 pt-6 desktop:pb-10 desktop:pt-20', classes?.textBlock)}
-          >
-            <Heading data-id='banner-title' as='h1' className={cn('text-color-dark', classes?.title)}>
-              {headTitle}
-            </Heading>
-            <p data-id='banner-subtitle' className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}>
-              {subtitle}
-            </p>
-          </div>
-
-          <BannerButtonsGroup buttonsConfig={buttonsConfig} classes={classes} />
-
-          <div
-            data-id='banner-image-wrapper'
-            className={cn(
-              'grid-image-apply w-full desktop:h-full desktop:w-[550px]',
-              { 'h-[450px]': countButtons === 2 },
-              { 'h-[410px]': countButtons === 1 },
-              classes?.imageContainer
-            )}
-          >
-            <img data-id='banner-image' src={money} alt='money' className={cn('h-full w-full object-contain', classes?.image)} />
-          </div>
-        </div>
-
-        <div
-          data-id='banner-advantages'
-          className={cn('absolute bottom-[-400px] right-1/2 translate-x-1/2 desktop:bottom-[-50px]', classes?.advantages)}
-        >
-          {advantagesList && advantagesList?.length > 0 && <Advantages advantagesList={advantagesList} />}
-        </div>
-      </ResponsiveContainer>
-    </section>
-  )
-}

package/lib/widgets/banner/ui/banners/index.ts

@@ -1 +0,0 @@
-export { BannerWithSeparateImg } from './BannerWithSeparateImg'

package/lib/widgets/footer/Footer.tsx

@@ -1,95 +0,0 @@
-import * as React from 'react'
-import { defaultCopyright, defaultLigal, defaultNavigationLinks, defaultPhones, defaultSocialsLinks } from './model/defaultValues'
-import type { IFooterNavLinks, IFooterPhones, IFooterSocialLinks } from './model/types'
-import {
-  Copyright,
-  Ligal,
-  NavLinks,
-  PhonesBlock,
-  SocialLinks,
-  type TCopyrightClasses,
-  type TLigalClasses,
-  type TNavigationLinksClasses,
-  type TPhoneBlockClasses,
-  type TSocialLinksClasses
-} from './ui'
-import { Icon, ResponsiveContainer, Section } from '$/shared/ui'
-import { cn } from '$/shared/utils'
-
-type IFooterClasses = TLigalClasses &
-  TNavigationLinksClasses &
-  TPhoneBlockClasses &
-  TSocialLinksClasses &
-  TCopyrightClasses & {
-    section: string
-    container: string
-    footerRoot: string
-    footerHead: string
-    footerSocialBlock: string
-    footerLogo: string
-  }
-
-export interface IFooterProps {
-  classes?: Partial<IFooterClasses>
-  withSocial?: boolean
-  withPhones?: boolean
-  withNavLinks?: boolean
-  withLigal?: boolean
-  withCopyright?: boolean
-  withSiteMap?: boolean
-
-  socialsLinks?: IFooterSocialLinks[]
-  phones?: IFooterPhones[]
-  navigationLinks: IFooterNavLinks[]
-  ligal: string | React.ReactElement
-  copyright?: string | React.ReactElement
-}
-
-export const Footer = ({
-  withSocial = true,
-  withPhones = true,
-  withNavLinks = true,
-  withLigal = true,
-  withCopyright = true,
-  withSiteMap = true,
-  socialsLinks = defaultSocialsLinks,
-  phones = defaultPhones,
-  navigationLinks = defaultNavigationLinks,
-  ligal = defaultLigal,
-  copyright = defaultCopyright,
-  classes
-}: IFooterProps) => {
-  return (
-    <Section className={cn('w-full', classes?.section)}>
-      <ResponsiveContainer className={cn(classes?.container)}>
-        <div className={cn('bg-color-footer px-4 py-8 desktop:px-6 desktop:py-10', classes?.footerRoot)}>
-          <div className={cn('mb-8 flex items-center justify-between gap-6', classes?.footerHead)}>
-            <div className={cn(classes?.footerSocialBlock)}>
-              <a href='/' className={cn(classes?.footerLogo)}>
-                <Icon name='brandLogos/logoWhite' className='h-[32px] w-[194px]' />
-              </a>
-              {withSocial && <SocialLinks socialsLinks={socialsLinks} classes={classes} />}
-            </div>
-            {withPhones && <PhonesBlock phones={phones} classes={classes} />}
-          </div>
-
-          {withNavLinks && <NavLinks navigationLinks={navigationLinks} classes={classes} />}
-          {withLigal && <Ligal ligal={ligal} classes={classes} />}
-          <div className='mt-6 flex items-start justify-between gap-6'>
-            {withCopyright && <Copyright text={copyright} classes={classes} />}
-            {withSiteMap && (
-              <a
-                href='https://sovcombank.ru/site-map'
-                target='_blank'
-                rel='noreferrer'
-                className='desk-body-regular-m text-color-white'
-              >
-                Карта сайта
-              </a>
-            )}
-          </div>
-        </div>
-      </ResponsiveContainer>
-    </Section>
-  )
-}

package/lib/widgets/footer/index.ts

@@ -1 +0,0 @@
-export { Footer, type IFooterProps } from './Footer'