@scbt-ecom/ui 0.152.2 → 0.152.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.js","sources":["../../../../lib/widgets/banner/Banner.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { type BannerClasses, type ButtonsConfig } from './model'\nimport { BannerImageFull, BannerWithSeparateImg } from './ui'\nimport { type AdvantageClasses, type AdvantagesProps } from './ui/banners/ui'\nimport type { BackgroundBannerColors } from '$/shared/constants'\nimport { type Images } from '$/shared/types/shared-types'\n\nexport interface BannerProps {\n headTitle: string | ReactElement\n subtitle: string | ReactElement\n buttonsConfig: ButtonsConfig\n advantages?: AdvantagesProps\n variant?: 'separateImg' | 'fullImg'\n images: Images\n backgroundColor?: BackgroundBannerColors\n classes?: BannerClasses & {\n advantages?: AdvantageClasses\n }\n}\n\nexport const Banner = ({ variant, ...props }: BannerProps) => {\n switch (variant) {\n case 'fullImg':\n return <BannerImageFull {...props} />\n default:\n return <BannerWithSeparateImg {...props} />\n }\n}\n\nexport default Banner\n"],"names":["Banner","variant","props","jsx","BannerImageFull","BannerWithSeparateImg"],"mappings":"wLAoBO,MAAMA,EAAS,CAAC,CAAE,QAAAC,EAAS,GAAGC,KAAyB,CAC5D,OAAQD,EAAA,CACN,IAAK,UACH,OAAOE,EAACC,EAAA,CAAiB,GAAGF,CAAA,CAAO,EACrC,QACE,OAAOC,EAACE,EAAA,CAAuB,GAAGH,CAAA,CAAO,CAAA,CAE/C"}
1
+ {"version":3,"file":"Banner.js","sources":["../../../../lib/widgets/banner/Banner.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { type BannerClasses, type ButtonsConfig } from './model'\nimport { BannerImageFull, BannerWithSeparateImg } from './ui'\nimport { type AdvantageClasses, type AdvantagesProps } from './ui/banners/ui'\nimport type { BackgroundBannerColors } from '$/shared/constants'\nimport { type ImagesPrimitive } from '$/shared/types/shared-types'\n\nexport interface BannerProps {\n headTitle: string | ReactElement\n subtitle: string | ReactElement\n buttonsConfig: ButtonsConfig\n advantages?: AdvantagesProps\n variant?: 'separateImg' | 'fullImg'\n images: ImagesPrimitive\n backgroundColor?: BackgroundBannerColors\n classes?: BannerClasses & {\n advantages?: AdvantageClasses\n }\n}\n\nexport const Banner = ({ variant, ...props }: BannerProps) => {\n switch (variant) {\n case 'fullImg':\n return <BannerImageFull {...props} />\n default:\n return <BannerWithSeparateImg {...props} />\n }\n}\n\nexport default Banner\n"],"names":["Banner","variant","props","jsx","BannerImageFull","BannerWithSeparateImg"],"mappings":"wLAoBO,MAAMA,EAAS,CAAC,CAAE,QAAAC,EAAS,GAAGC,KAAyB,CAC5D,OAAQD,EAAA,CACN,IAAK,UACH,OAAOE,EAACC,EAAA,CAAiB,GAAGF,CAAA,CAAO,EACrC,QACE,OAAOC,EAACE,EAAA,CAAuB,GAAGH,CAAA,CAAO,CAAA,CAE/C"}
@@ -1 +1 @@
1
- {"version":3,"file":"ErrorPage.js","sources":["../../../../lib/widgets/errorPage/ErrorPage.tsx"],"sourcesContent":["import { type BackgroundBannerColors } from '../../shared/constants'\nimport { ButtonWithHandlers, type ButtonWithHandlersProps } from '../buttonWithHandlers'\nimport { TextContainer, type TextContainerProps } from './ui/TextContainer'\nimport { type Images } from '$/shared/types/shared-types'\nimport { CustomLink, type CustomLinkProps, ResponsiveContainer } from '$/shared/ui'\nimport { TypeGuards } from '$/shared/utils'\n\nexport interface ErrorPageProps extends TextContainerProps {\n buttonProps: ButtonWithHandlersProps\n links: CustomLinkProps[]\n images: Images\n backgroundColor?: BackgroundBannerColors\n}\n\nexport const ErrorPage = ({\n errorText,\n title,\n subtitle,\n buttonProps,\n links,\n images,\n backgroundColor = '#F4F8FE'\n}: ErrorPageProps) => {\n return (\n <div style={{ backgroundColor }} className='flex flex-col pb-10 pt-6 desktop:py-20'>\n <ResponsiveContainer className='flex flex-col desktop:flex-row desktop:justify-between'>\n <div className='flex flex-col gap-6 desktop:gap-12'>\n <div className='flex flex-col gap-2 desktop:gap-10'>\n <TextContainer errorText={errorText} subtitle={subtitle} title={title} />\n\n {TypeGuards.isObject(images) && (\n <div className='flex h-[280px] w-[360px] self-center desktop:hidden'>\n <img className='h-full object-contain' src={images.mobile} alt={images.alt} />\n </div>\n )}\n\n <ButtonWithHandlers className='mobile:w-full' {...buttonProps} />\n </div>\n <div className='flex flex-row items-center justify-between gap-8 desktop:justify-start'>\n {TypeGuards.isArrayFilled(links) && links.map((link, index) => <CustomLink key={index} {...link} />)}\n </div>\n </div>\n {TypeGuards.isObject(images) && (\n <div className='h-[360px] w-[480px] mobile:hidden'>\n <img className='object-cover' src={images.desktop} alt={images.alt} />\n </div>\n )}\n </ResponsiveContainer>\n </div>\n )\n}\n\nexport default ErrorPage\n"],"names":["ErrorPage","errorText","title","subtitle","buttonProps","links","images","backgroundColor","jsx","jsxs","ResponsiveContainer","TextContainer","TypeGuards","ButtonWithHandlers","link","index","CustomLink"],"mappings":"80FAcO,MAAMA,GAAY,CAAC,CACxB,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,OAAAC,EACA,gBAAAC,EAAkB,SACpB,IAEIC,EAAC,MAAA,CAAI,MAAO,CAAE,gBAAAD,CAAA,EAAmB,UAAU,yCACzC,SAAAE,EAACC,EAAA,CAAoB,UAAU,yDAC7B,SAAA,CAAAD,EAAC,MAAA,CAAI,UAAU,qCACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,qCACb,SAAA,CAAAD,EAACG,EAAA,CAAc,UAAAV,EAAsB,SAAAE,EAAoB,MAAAD,CAAA,CAAc,EAEtEU,EAAW,SAASN,CAAM,GACzBE,EAAC,MAAA,CAAI,UAAU,sDACb,SAAAA,EAAC,MAAA,CAAI,UAAU,wBAAwB,IAAKF,EAAO,OAAQ,IAAKA,EAAO,IAAK,EAC9E,EAGFE,EAACK,EAAA,CAAmB,UAAU,gBAAiB,GAAGT,CAAA,CAAa,CAAA,EACjE,IACC,MAAA,CAAI,UAAU,yEACZ,SAAAQ,EAAW,cAAcP,CAAK,GAAKA,EAAM,IAAI,CAACS,EAAMC,IAAUP,EAACQ,EAAA,CAAwB,GAAGF,CAAA,EAAXC,CAAiB,CAAE,CAAA,CACrG,CAAA,EACF,EACCH,EAAW,SAASN,CAAM,GACzBE,EAAC,MAAA,CAAI,UAAU,oCACb,SAAAA,EAAC,MAAA,CAAI,UAAU,eAAe,IAAKF,EAAO,QAAS,IAAKA,EAAO,IAAK,CAAA,CACtE,CAAA,CAAA,CAEJ,CAAA,CACF"}
1
+ {"version":3,"file":"ErrorPage.js","sources":["../../../../lib/widgets/errorPage/ErrorPage.tsx"],"sourcesContent":["import { type BackgroundBannerColors } from '../../shared/constants'\nimport { ButtonWithHandlers, type ButtonWithHandlersProps } from '../buttonWithHandlers'\nimport { TextContainer, type TextContainerProps } from './ui/TextContainer'\nimport { type ImagesPrimitive } from '$/shared/types/shared-types'\nimport { CustomLink, type CustomLinkProps, ResponsiveContainer } from '$/shared/ui'\nimport { TypeGuards } from '$/shared/utils'\n\nexport interface ErrorPageProps extends TextContainerProps {\n buttonProps: ButtonWithHandlersProps\n links: CustomLinkProps[]\n images: ImagesPrimitive\n backgroundColor?: BackgroundBannerColors\n}\n\nexport const ErrorPage = ({\n errorText,\n title,\n subtitle,\n buttonProps,\n links,\n images,\n backgroundColor = '#F4F8FE'\n}: ErrorPageProps) => {\n return (\n <div style={{ backgroundColor }} className='flex flex-col pb-10 pt-6 desktop:py-20'>\n <ResponsiveContainer className='flex flex-col desktop:flex-row desktop:justify-between'>\n <div className='flex flex-col gap-6 desktop:gap-12'>\n <div className='flex flex-col gap-2 desktop:gap-10'>\n <TextContainer errorText={errorText} subtitle={subtitle} title={title} />\n\n {TypeGuards.isObject(images) && (\n <div className='flex h-[280px] w-[360px] self-center desktop:hidden'>\n <img className='h-full object-contain' src={images.mobile} alt={images.alt} />\n </div>\n )}\n\n <ButtonWithHandlers className='mobile:w-full' {...buttonProps} />\n </div>\n <div className='flex flex-row items-center justify-between gap-8 desktop:justify-start'>\n {TypeGuards.isArrayFilled(links) && links.map((link, index) => <CustomLink key={index} {...link} />)}\n </div>\n </div>\n {TypeGuards.isObject(images) && (\n <div className='h-[360px] w-[480px] mobile:hidden'>\n <img className='object-cover' src={images.desktop} alt={images.alt} />\n </div>\n )}\n </ResponsiveContainer>\n </div>\n )\n}\n\nexport default ErrorPage\n"],"names":["ErrorPage","errorText","title","subtitle","buttonProps","links","images","backgroundColor","jsx","jsxs","ResponsiveContainer","TextContainer","TypeGuards","ButtonWithHandlers","link","index","CustomLink"],"mappings":"80FAcO,MAAMA,GAAY,CAAC,CACxB,UAAAC,EACA,MAAAC,EACA,SAAAC,EACA,YAAAC,EACA,MAAAC,EACA,OAAAC,EACA,gBAAAC,EAAkB,SACpB,IAEIC,EAAC,MAAA,CAAI,MAAO,CAAE,gBAAAD,CAAA,EAAmB,UAAU,yCACzC,SAAAE,EAACC,EAAA,CAAoB,UAAU,yDAC7B,SAAA,CAAAD,EAAC,MAAA,CAAI,UAAU,qCACb,SAAA,CAAAA,EAAC,MAAA,CAAI,UAAU,qCACb,SAAA,CAAAD,EAACG,EAAA,CAAc,UAAAV,EAAsB,SAAAE,EAAoB,MAAAD,CAAA,CAAc,EAEtEU,EAAW,SAASN,CAAM,GACzBE,EAAC,MAAA,CAAI,UAAU,sDACb,SAAAA,EAAC,MAAA,CAAI,UAAU,wBAAwB,IAAKF,EAAO,OAAQ,IAAKA,EAAO,IAAK,EAC9E,EAGFE,EAACK,EAAA,CAAmB,UAAU,gBAAiB,GAAGT,CAAA,CAAa,CAAA,EACjE,IACC,MAAA,CAAI,UAAU,yEACZ,SAAAQ,EAAW,cAAcP,CAAK,GAAKA,EAAM,IAAI,CAACS,EAAMC,IAAUP,EAACQ,EAAA,CAAwB,GAAGF,CAAA,EAAXC,CAAiB,CAAE,CAAA,CACrG,CAAA,EACF,EACCH,EAAW,SAASN,CAAM,GACzBE,EAAC,MAAA,CAAI,UAAU,oCACb,SAAAA,EAAC,MAAA,CAAI,UAAU,eAAe,IAAKF,EAAO,QAAS,IAAKA,EAAO,IAAK,CAAA,CACtE,CAAA,CAAA,CAEJ,CAAA,CACF"}
@@ -1 +1 @@
1
- {"version":3,"file":"RootContent.js","sources":["../../../../../lib/widgets/infoBlock/ui/RootContent.tsx"],"sourcesContent":["import { type Images } from '../../../shared/types/shared-types'\nimport { ButtonWithHandlers, type ButtonWithHandlersProps } from '../../buttonWithHandlers'\nimport { LinksList, type LinksListClasses, type LinksListProps } from './LinksList'\nimport { Heading } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type RootContentClasses = {\n wrapper?: string\n textBlock?: string\n heading?: string\n description?: string\n imageMobileWrapper?: string\n imageMobile?: string\n buttonsGroup?: string\n linksList?: LinksListClasses\n}\n\nexport interface RootContentProps extends Omit<LinksListProps, 'classes'> {\n heading: string\n description?: string\n buttonsGroup?: ButtonWithHandlersProps[]\n images: Images\n classes?: RootContentClasses\n}\n\nexport const RootContent = ({ heading, buttonsGroup, description, images, linksList, classes }: RootContentProps) => {\n const withButtons = buttonsGroup && buttonsGroup?.length > 0\n const withLinks = linksList && linksList?.length > 0\n\n return (\n <div className={cn('flex flex-col', classes?.wrapper)}>\n <div className={cn('flex flex-col gap-4 mobile:mb-2', classes?.textBlock)}>\n <Heading as='h2' className={cn(classes?.heading)}>\n {heading}\n </Heading>\n {description && (\n <p\n dangerouslySetInnerHTML={{ __html: description }}\n className={cn('desk-body-regular-l text-color-dark', classes?.description)}\n />\n )}\n </div>\n\n <div className={cn('h-full w-full desktop:hidden', classes?.imageMobileWrapper)}>\n <img src={images?.mobile} alt={images?.alt} className={cn('h-full w-full object-contain', classes?.imageMobile)} />\n </div>\n\n {withButtons && (\n <div className={cn('mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8', classes?.buttonsGroup)}>\n {buttonsGroup?.map((button, index) => (\n <ButtonWithHandlers key={index} className='w-full desktop:w-[216px]' {...button} />\n ))}\n </div>\n )}\n\n {withLinks && <LinksList linksList={linksList} classes={classes?.linksList} />}\n </div>\n )\n}\n"],"names":["RootContent","heading","buttonsGroup","description","images","linksList","classes","withButtons","withLinks","cn","jsxs","jsx","Heading","button","index","ButtonWithHandlers","LinksList"],"mappings":"gvFAyBO,MAAMA,GAAc,CAAC,CAAE,QAAAC,EAAS,aAAAC,EAAc,YAAAC,EAAa,OAAAC,EAAQ,UAAAC,EAAW,QAAAC,KAAgC,CACnH,MAAMC,EAAcL,IAAgBA,GAAA,YAAAA,EAAc,QAAS,EACrDM,EAAYH,IAAaA,GAAA,YAAAA,EAAW,QAAS,EAEnD,SACG,MAAA,CAAI,UAAWI,EAAG,gBAAiBH,GAAA,YAAAA,EAAS,OAAO,EAClD,SAAA,CAAAI,EAAC,OAAI,UAAWD,EAAG,kCAAmCH,GAAA,YAAAA,EAAS,SAAS,EACtE,SAAA,CAAAK,EAACC,EAAA,CAAQ,GAAG,KAAK,UAAWH,EAAGH,GAAA,YAAAA,EAAS,OAAO,EAC5C,SAAAL,CAAA,CACH,EACCE,GACCQ,EAAC,IAAA,CACC,wBAAyB,CAAE,OAAQR,CAAA,EACnC,UAAWM,EAAG,sCAAuCH,GAAA,YAAAA,EAAS,WAAW,CAAA,CAAA,CAC3E,EAEJ,EAEAK,EAAC,OAAI,UAAWF,EAAG,+BAAgCH,GAAA,YAAAA,EAAS,kBAAkB,EAC5E,SAAAK,EAAC,MAAA,CAAI,IAAKP,GAAA,YAAAA,EAAQ,OAAQ,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAWK,EAAG,+BAAgCH,GAAA,YAAAA,EAAS,WAAW,CAAA,CAAG,CAAA,CACnH,EAECC,KACE,MAAA,CAAI,UAAWE,EAAG,0EAA2EH,GAAA,YAAAA,EAAS,YAAY,EAChH,SAAAJ,GAAA,YAAAA,EAAc,IAAI,CAACW,EAAQC,MACzBC,EAAA,CAA+B,UAAU,2BAA4B,GAAGF,CAAA,EAAhDC,CAAwD,EAClF,CACH,EAGDN,GAAaG,EAACK,EAAA,CAAU,UAAAX,EAAsB,QAASC,GAAA,YAAAA,EAAS,SAAA,CAAW,CAAA,EAC9E,CAEJ"}
1
+ {"version":3,"file":"RootContent.js","sources":["../../../../../lib/widgets/infoBlock/ui/RootContent.tsx"],"sourcesContent":["import { type ImagesPrimitive } from '../../../shared/types/shared-types'\nimport { ButtonWithHandlers, type ButtonWithHandlersProps } from '../../buttonWithHandlers'\nimport { LinksList, type LinksListClasses, type LinksListProps } from './LinksList'\nimport { Heading } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type RootContentClasses = {\n wrapper?: string\n textBlock?: string\n heading?: string\n description?: string\n imageMobileWrapper?: string\n imageMobile?: string\n buttonsGroup?: string\n linksList?: LinksListClasses\n}\n\nexport interface RootContentProps extends Omit<LinksListProps, 'classes'> {\n heading: string\n description?: string\n buttonsGroup?: ButtonWithHandlersProps[]\n images: ImagesPrimitive\n classes?: RootContentClasses\n}\n\nexport const RootContent = ({ heading, buttonsGroup, description, images, linksList, classes }: RootContentProps) => {\n const withButtons = buttonsGroup && buttonsGroup?.length > 0\n const withLinks = linksList && linksList?.length > 0\n\n return (\n <div className={cn('flex flex-col', classes?.wrapper)}>\n <div className={cn('flex flex-col gap-4 mobile:mb-2', classes?.textBlock)}>\n <Heading as='h2' className={cn(classes?.heading)}>\n {heading}\n </Heading>\n {description && (\n <p\n dangerouslySetInnerHTML={{ __html: description }}\n className={cn('desk-body-regular-l text-color-dark', classes?.description)}\n />\n )}\n </div>\n\n <div className={cn('h-full w-full desktop:hidden', classes?.imageMobileWrapper)}>\n <img src={images?.mobile} alt={images?.alt} className={cn('h-full w-full object-contain', classes?.imageMobile)} />\n </div>\n\n {withButtons && (\n <div className={cn('mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8', classes?.buttonsGroup)}>\n {buttonsGroup?.map((button, index) => (\n <ButtonWithHandlers key={index} className='w-full desktop:w-[216px]' {...button} />\n ))}\n </div>\n )}\n\n {withLinks && <LinksList linksList={linksList} classes={classes?.linksList} />}\n </div>\n )\n}\n"],"names":["RootContent","heading","buttonsGroup","description","images","linksList","classes","withButtons","withLinks","cn","jsxs","jsx","Heading","button","index","ButtonWithHandlers","LinksList"],"mappings":"gvFAyBO,MAAMA,GAAc,CAAC,CAAE,QAAAC,EAAS,aAAAC,EAAc,YAAAC,EAAa,OAAAC,EAAQ,UAAAC,EAAW,QAAAC,KAAgC,CACnH,MAAMC,EAAcL,IAAgBA,GAAA,YAAAA,EAAc,QAAS,EACrDM,EAAYH,IAAaA,GAAA,YAAAA,EAAW,QAAS,EAEnD,SACG,MAAA,CAAI,UAAWI,EAAG,gBAAiBH,GAAA,YAAAA,EAAS,OAAO,EAClD,SAAA,CAAAI,EAAC,OAAI,UAAWD,EAAG,kCAAmCH,GAAA,YAAAA,EAAS,SAAS,EACtE,SAAA,CAAAK,EAACC,EAAA,CAAQ,GAAG,KAAK,UAAWH,EAAGH,GAAA,YAAAA,EAAS,OAAO,EAC5C,SAAAL,CAAA,CACH,EACCE,GACCQ,EAAC,IAAA,CACC,wBAAyB,CAAE,OAAQR,CAAA,EACnC,UAAWM,EAAG,sCAAuCH,GAAA,YAAAA,EAAS,WAAW,CAAA,CAAA,CAC3E,EAEJ,EAEAK,EAAC,OAAI,UAAWF,EAAG,+BAAgCH,GAAA,YAAAA,EAAS,kBAAkB,EAC5E,SAAAK,EAAC,MAAA,CAAI,IAAKP,GAAA,YAAAA,EAAQ,OAAQ,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAWK,EAAG,+BAAgCH,GAAA,YAAAA,EAAS,WAAW,CAAA,CAAG,CAAA,CACnH,EAECC,KACE,MAAA,CAAI,UAAWE,EAAG,0EAA2EH,GAAA,YAAAA,EAAS,YAAY,EAChH,SAAAJ,GAAA,YAAAA,EAAc,IAAI,CAACW,EAAQC,MACzBC,EAAA,CAA+B,UAAU,2BAA4B,GAAGF,CAAA,EAAhDC,CAAwD,EAClF,CACH,EAGDN,GAAaG,EAACK,EAAA,CAAU,UAAAX,EAAsB,QAASC,GAAA,YAAAA,EAAS,SAAA,CAAW,CAAA,EAC9E,CAEJ"}
@@ -1,2 +1,2 @@
1
- import{jsx as o,jsxs as d}from"react/jsx-runtime";import{ButtonWithHandlers as h}from"../buttonWithHandlers/ButtonWithHandlers.js";import{widgetIds as x}from"../model/helpers.js";import{containerImgConfig as B}from"./model/cva.js";import{ResponsiveContainer as I}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as i}from"../../shared/utils/cn.js";import{TypeGuards as N}from"../../shared/utils/typeGuards.js";import"uuid";import"react";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{Title as n}from"./ui/Title.js";import{TextList as j}from"./ui/TextList.js";const Wr=({headline:e,buttonConfig:t,intent:p="twoItems",details:w,image:m,backgroundColor:l,classes:r})=>{const k=p==="fourItems",f=p==="twoItems",y=m&&"url"in m&&N.isObject(m)?o("img",{className:"w-full object-contain",alt:m.alt,src:m.url}):m;return o("section",{id:x.longBanner,"data-test-id":x.longBanner,className:i(r==null?void 0:r.root),children:d(I,{className:i(r==null?void 0:r.container),children:[f&&o(n,{intent:p,headline:e}),d("div",{className:i("bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",r==null?void 0:r.contentContainer),style:{backgroundColor:l??"#f4f8fe"},children:[k&&o(n,{intent:p,headline:e,desktopHidden:!0}),o("div",{className:i(B({intent:p,withButton:t==null?void 0:t.enabled}),r==null?void 0:r.imgContainer),children:y}),d("div",{className:i("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10",r==null?void 0:r.textWithBtnContainer),children:[k&&o(n,{intent:p,headline:e,mobileHidden:!0}),o(j,{details:w,intent:p,withButton:(t==null?void 0:t.enabled)??!1}),(t==null?void 0:t.enabled)&&t&&o(h,{className:i("w-full px-4 desktop:w-max",r==null?void 0:r.button),size:"lg",intent:"secondary",...t.buttonContent})]})]})]})})};export{Wr as LongBanner,Wr as default};
1
+ import{jsx as p,jsxs as e}from"react/jsx-runtime";import{ButtonWithHandlers as B}from"../buttonWithHandlers/ButtonWithHandlers.js";import{widgetIds as h}from"../model/helpers.js";import{containerImgConfig as n}from"./model/cva.js";import{ResponsiveContainer as y}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as i}from"../../shared/utils/cn.js";import"uuid";import"react";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{Title as k}from"./ui/Title.js";import{TextList as I}from"./ui/TextList.js";const Wr=({headline:d,buttonConfig:t,intent:m="twoItems",details:w,images:o,backgroundColor:N,classes:r})=>{const x=m==="fourItems",l=m==="twoItems";return p("section",{id:h.longBanner,"data-test-id":h.longBanner,className:i(r==null?void 0:r.root),children:e(y,{className:i(r==null?void 0:r.container),children:[l&&p(k,{intent:m,headline:d}),e("div",{className:i("bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",r==null?void 0:r.contentContainer),style:{backgroundColor:N??"#f4f8fe"},children:[x&&p(k,{intent:m,headline:d,desktopHidden:!0}),p("div",{className:i("mobile:hidden",n({intent:m,withButton:t==null?void 0:t.enabled}),r==null?void 0:r.imgContainer),children:p("img",{className:"object-contain",src:o==null?void 0:o.desktop,alt:o==null?void 0:o.alt})}),p("div",{className:i("desktop:hidden",n({intent:m,withButton:t==null?void 0:t.enabled}),r==null?void 0:r.imgContainer),children:p("img",{className:"object-contain",src:o==null?void 0:o.mobile,alt:o==null?void 0:o.alt})}),e("div",{className:i("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10",r==null?void 0:r.textWithBtnContainer),children:[x&&p(k,{intent:m,headline:d,mobileHidden:!0}),p(I,{details:w,intent:m,withButton:(t==null?void 0:t.enabled)??!1}),(t==null?void 0:t.enabled)&&t&&p(B,{className:i("w-full px-4 desktop:w-max",r==null?void 0:r.button),size:"lg",intent:"secondary",...t.buttonContent})]})]})]})})};export{Wr as LongBanner,Wr as default};
2
2
  //# sourceMappingURL=LongBanner.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LongBanner.js","sources":["../../../../lib/widgets/longBanner/LongBanner.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { ButtonWithHandlers } from '../buttonWithHandlers'\nimport { widgetIds } from '../model'\nimport { containerImgConfig } from './model/cva'\nimport { type ButtonConfig, type Details, type Image, type LongBannerClasses, type LongBannerConfig } from './model/types'\nimport { TextList, Title } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn, TypeGuards } from '$/shared/utils'\n\nexport interface LongBannerProps<Enabled extends boolean> extends LongBannerConfig {\n headline: string | ReactElement\n details: Details<Enabled>[]\n intent?: 'twoItems' | 'fourItems'\n buttonConfig?: ButtonConfig\n image: Image\n backgroundColor?: string\n classes?: LongBannerClasses\n}\n\nexport const LongBanner = <Enabled extends boolean>({\n headline,\n buttonConfig,\n intent = 'twoItems',\n details,\n image,\n backgroundColor,\n classes\n}: LongBannerProps<Enabled>) => {\n const isFourItems = intent === 'fourItems'\n const isTwoItems = intent === 'twoItems'\n\n const img =\n image && 'url' in image && TypeGuards.isObject(image) ? (\n <img className='w-full object-contain' alt={image.alt} src={image.url} />\n ) : (\n image\n )\n\n return (\n <section id={widgetIds.longBanner} data-test-id={widgetIds.longBanner} className={cn(classes?.root)}>\n <ResponsiveContainer className={cn(classes?.container)}>\n {isTwoItems && <Title intent={intent} headline={headline} />}\n\n <div\n className={cn(\n 'bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12',\n classes?.contentContainer\n )}\n style={{ backgroundColor: backgroundColor ?? '#f4f8fe' }}\n >\n {isFourItems && <Title intent={intent} headline={headline} desktopHidden={true} />}\n <div className={cn(containerImgConfig({ intent, withButton: buttonConfig?.enabled }), classes?.imgContainer)}>\n {img}\n </div>\n <div\n className={cn('desktop:flex desktop:flex-col desktop:justify-center desktop:py-10', classes?.textWithBtnContainer)}\n >\n {isFourItems && <Title intent={intent} headline={headline} mobileHidden={true} />}\n <TextList details={details} intent={intent} withButton={buttonConfig?.enabled ?? false} />\n {buttonConfig?.enabled && buttonConfig && (\n <ButtonWithHandlers\n className={cn('w-full px-4 desktop:w-max', classes?.button)}\n size='lg'\n intent='secondary'\n {...buttonConfig.buttonContent}\n />\n )}\n </div>\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default LongBanner\n"],"names":["LongBanner","headline","buttonConfig","intent","details","image","backgroundColor","classes","isFourItems","isTwoItems","img","TypeGuards","jsx","widgetIds","cn","jsxs","ResponsiveContainer","Title","containerImgConfig","TextList","ButtonWithHandlers"],"mappings":"+5FAmBO,MAAMA,GAAa,CAA0B,CAClD,SAAAC,EACA,aAAAC,EACA,OAAAC,EAAS,WACT,QAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,QAAAC,CACF,IAAgC,CAC9B,MAAMC,EAAcL,IAAW,YACzBM,EAAaN,IAAW,WAExBO,EACJL,GAAS,QAASA,GAASM,EAAW,SAASN,CAAK,EAClDO,EAAC,MAAA,CAAI,UAAU,wBAAwB,IAAKP,EAAM,IAAK,IAAKA,EAAM,IAAK,EAEvEA,EAGJ,SACG,UAAA,CAAQ,GAAIQ,EAAU,WAAY,eAAcA,EAAU,WAAY,UAAWC,EAAGP,GAAA,YAAAA,EAAS,IAAI,EAChG,SAAAQ,EAACC,EAAA,CAAoB,UAAWF,EAAGP,GAAA,YAAAA,EAAS,SAAS,EAClD,SAAA,CAAAE,GAAcG,EAACK,EAAA,CAAM,OAAAd,EAAgB,SAAAF,CAAA,CAAoB,EAE1Dc,EAAC,MAAA,CACC,UAAWD,EACT,6IACAP,GAAA,YAAAA,EAAS,gBAAA,EAEX,MAAO,CAAE,gBAAiBD,GAAmB,SAAA,EAE5C,SAAA,CAAAE,GAAeI,EAACK,EAAA,CAAM,OAAAd,EAAgB,SAAAF,EAAoB,cAAe,GAAM,EAChFW,EAAC,MAAA,CAAI,UAAWE,EAAGI,EAAmB,CAAE,OAAAf,EAAQ,WAAYD,GAAA,YAAAA,EAAc,QAAS,EAAGK,GAAA,YAAAA,EAAS,YAAY,EACxG,SAAAG,EACH,EACAK,EAAC,MAAA,CACC,UAAWD,EAAG,qEAAsEP,GAAA,YAAAA,EAAS,oBAAoB,EAEhH,SAAA,CAAAC,GAAeI,EAACK,EAAA,CAAM,OAAAd,EAAgB,SAAAF,EAAoB,aAAc,GAAM,IAC9EkB,EAAA,CAAS,QAAAf,EAAkB,OAAAD,EAAgB,YAAYD,GAAA,YAAAA,EAAc,UAAW,GAAO,GACvFA,GAAA,YAAAA,EAAc,UAAWA,GACxBU,EAACQ,EAAA,CACC,UAAWN,EAAG,4BAA6BP,GAAA,YAAAA,EAAS,MAAM,EAC1D,KAAK,KACL,OAAO,YACN,GAAGL,EAAa,aAAA,CAAA,CACnB,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAEJ"}
1
+ {"version":3,"file":"LongBanner.js","sources":["../../../../lib/widgets/longBanner/LongBanner.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { type ImagesPrimitive } from '../../shared/types/shared-types'\nimport { ButtonWithHandlers } from '../buttonWithHandlers'\nimport { widgetIds } from '../model'\nimport { containerImgConfig } from './model/cva'\nimport { type ButtonConfig, type Details, type LongBannerClasses, type LongBannerConfig } from './model/types'\nimport { TextList, Title } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface LongBannerProps<Enabled extends boolean> extends LongBannerConfig {\n headline: string | ReactElement\n details: Details<Enabled>[]\n intent?: 'twoItems' | 'fourItems'\n buttonConfig?: ButtonConfig\n images: ImagesPrimitive\n backgroundColor?: string\n classes?: LongBannerClasses\n}\n\nexport const LongBanner = <Enabled extends boolean>({\n headline,\n buttonConfig,\n intent = 'twoItems',\n details,\n images,\n backgroundColor,\n classes\n}: LongBannerProps<Enabled>) => {\n const isFourItems = intent === 'fourItems'\n const isTwoItems = intent === 'twoItems'\n\n return (\n <section id={widgetIds.longBanner} data-test-id={widgetIds.longBanner} className={cn(classes?.root)}>\n <ResponsiveContainer className={cn(classes?.container)}>\n {isTwoItems && <Title intent={intent} headline={headline} />}\n\n <div\n className={cn(\n 'bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12',\n classes?.contentContainer\n )}\n style={{ backgroundColor: backgroundColor ?? '#f4f8fe' }}\n >\n {isFourItems && <Title intent={intent} headline={headline} desktopHidden={true} />}\n <div\n className={cn(\n 'mobile:hidden',\n containerImgConfig({ intent, withButton: buttonConfig?.enabled }),\n classes?.imgContainer\n )}\n >\n <img className='object-contain' src={images?.desktop} alt={images?.alt} />\n </div>\n <div\n className={cn(\n 'desktop:hidden',\n containerImgConfig({ intent, withButton: buttonConfig?.enabled }),\n classes?.imgContainer\n )}\n >\n <img className='object-contain' src={images?.mobile} alt={images?.alt} />\n </div>\n <div\n className={cn('desktop:flex desktop:flex-col desktop:justify-center desktop:py-10', classes?.textWithBtnContainer)}\n >\n {isFourItems && <Title intent={intent} headline={headline} mobileHidden={true} />}\n <TextList details={details} intent={intent} withButton={buttonConfig?.enabled ?? false} />\n {buttonConfig?.enabled && buttonConfig && (\n <ButtonWithHandlers\n className={cn('w-full px-4 desktop:w-max', classes?.button)}\n size='lg'\n intent='secondary'\n {...buttonConfig.buttonContent}\n />\n )}\n </div>\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default LongBanner\n"],"names":["LongBanner","headline","buttonConfig","intent","details","images","backgroundColor","classes","isFourItems","isTwoItems","widgetIds","cn","jsxs","ResponsiveContainer","jsx","Title","containerImgConfig","TextList","ButtonWithHandlers"],"mappings":"i2FAoBO,MAAMA,GAAa,CAA0B,CAClD,SAAAC,EACA,aAAAC,EACA,OAAAC,EAAS,WACT,QAAAC,EACA,OAAAC,EACA,gBAAAC,EACA,QAAAC,CACF,IAAgC,CAC9B,MAAMC,EAAcL,IAAW,YACzBM,EAAaN,IAAW,WAE9B,SACG,UAAA,CAAQ,GAAIO,EAAU,WAAY,eAAcA,EAAU,WAAY,UAAWC,EAAGJ,GAAA,YAAAA,EAAS,IAAI,EAChG,SAAAK,EAACC,EAAA,CAAoB,UAAWF,EAAGJ,GAAA,YAAAA,EAAS,SAAS,EAClD,SAAA,CAAAE,GAAcK,EAACC,EAAA,CAAM,OAAAZ,EAAgB,SAAAF,CAAA,CAAoB,EAE1DW,EAAC,MAAA,CACC,UAAWD,EACT,6IACAJ,GAAA,YAAAA,EAAS,gBAAA,EAEX,MAAO,CAAE,gBAAiBD,GAAmB,SAAA,EAE5C,SAAA,CAAAE,GAAeM,EAACC,EAAA,CAAM,OAAAZ,EAAgB,SAAAF,EAAoB,cAAe,GAAM,EAChFa,EAAC,MAAA,CACC,UAAWH,EACT,gBACAK,EAAmB,CAAE,OAAAb,EAAQ,WAAYD,GAAA,YAAAA,EAAc,QAAS,EAChEK,GAAA,YAAAA,EAAS,YAAA,EAGX,SAAAO,EAAC,OAAI,UAAU,iBAAiB,IAAKT,GAAA,YAAAA,EAAQ,QAAS,IAAKA,GAAA,YAAAA,EAAQ,GAAA,CAAK,CAAA,CAAA,EAE1ES,EAAC,MAAA,CACC,UAAWH,EACT,iBACAK,EAAmB,CAAE,OAAAb,EAAQ,WAAYD,GAAA,YAAAA,EAAc,QAAS,EAChEK,GAAA,YAAAA,EAAS,YAAA,EAGX,SAAAO,EAAC,OAAI,UAAU,iBAAiB,IAAKT,GAAA,YAAAA,EAAQ,OAAQ,IAAKA,GAAA,YAAAA,EAAQ,GAAA,CAAK,CAAA,CAAA,EAEzEO,EAAC,MAAA,CACC,UAAWD,EAAG,qEAAsEJ,GAAA,YAAAA,EAAS,oBAAoB,EAEhH,SAAA,CAAAC,GAAeM,EAACC,EAAA,CAAM,OAAAZ,EAAgB,SAAAF,EAAoB,aAAc,GAAM,IAC9EgB,EAAA,CAAS,QAAAb,EAAkB,OAAAD,EAAgB,YAAYD,GAAA,YAAAA,EAAc,UAAW,GAAO,GACvFA,GAAA,YAAAA,EAAc,UAAWA,GACxBY,EAACI,EAAA,CACC,UAAWP,EAAG,4BAA6BJ,GAAA,YAAAA,EAAS,MAAM,EAC1D,KAAK,KACL,OAAO,YACN,GAAGL,EAAa,aAAA,CAAA,CACnB,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAEJ"}