@scbt-ecom/ui 0.96.9 → 0.96.10
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.
- package/dist/lib/widgets/banner/ui/banners/BannerImageFull.js +1 -1
- package/dist/lib/widgets/banner/ui/banners/BannerImageFull.js.map +1 -1
- package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.js +1 -1
- package/dist/lib/widgets/banner/ui/banners/BannerWithSeparateImg.js.map +1 -1
- package/dist/stats.html +1 -1
- package/dist/types/lib/shared/ui/formElements/uncontrolled/uploader/model/hooks/useUploader.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as m,Fragment as k,jsx as p}from"react/jsx-runtime";import{Buttons as c}from"./ui/Buttons.js";import{Advantages as d}from"./ui/Advantages.js";import{useDevice as N}from"../../../../shared/hooks/useDevice.js";import"react";import{cn as i}from"../../../../shared/utils/cn.js";import{ResponsiveContainer as w}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.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"../../../../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/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{widgetIds as n}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const fo=({headTitle:h,subtitle:b,buttonsConfig:f,advantages:t,classes:o,images:r,backgroundColor:u})=>{var e;const{isMobile:x}=N(),l=(t==null?void 0:t.details)&&((e=t==null?void 0:t.details)==null?void 0:e.items.length)>0;return m(k,{children:[m("section",{id:n.banner,"data-test-id":n.banner,style:{backgroundColor:u??"#d9edff"},className:i("relative h-[552px] desktop:h-[456px]",o==null?void 0:o.root),children:[p("div",{className:"absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]",children:x?p("img",{src:r==null?void 0:r.mobile,className:"h-full w-full object-cover object-center",alt:r==null?void 0:r.alt}):p("img",{src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full w-full object-cover object-center"})}),m(w,{className:i("h-full",o==null?void 0:o.container),children:[p("div",{className:i("flex h-full",o==null?void 0:o.wrapper),children:m("div",{className:i("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20",o==null?void 0:o.textBlock),children:[m("div",{className:"z-10 flex flex-col gap-4",children:[p("div",{dangerouslySetInnerHTML:{__html:h},className:i("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),p("div",{dangerouslySetInnerHTML:{__html:b},className:i("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),p(c,{buttonConfig:f})]})}),(t==null?void 0:t.enabled)&&l&&p(d,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]})]}),(t==null?void 0:t.enabled)&&l&&p(d,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{fo as BannerImageFull};
|
|
1
|
+
import{jsxs as m,Fragment as k,jsx as p}from"react/jsx-runtime";import{Buttons as c}from"./ui/Buttons.js";import{Advantages as d}from"./ui/Advantages.js";import{useDevice as N}from"../../../../shared/hooks/useDevice.js";import"react";import{cn as i}from"../../../../shared/utils/cn.js";import{ResponsiveContainer as w}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.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"../../../../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/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{widgetIds as n}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const fo=({headTitle:h,subtitle:b,buttonsConfig:f,advantages:t,classes:o,images:r,backgroundColor:u})=>{var e;const{isMobile:x}=N(),l=(t==null?void 0:t.details)&&((e=t==null?void 0:t.details)==null?void 0:e.items.length)>0;return m(k,{children:[m("section",{id:n.banner,"data-test-id":n.banner,style:{backgroundColor:u??"#d9edff"},className:i("relative h-[552px] desktop:h-[456px]",o==null?void 0:o.root),children:[p("div",{className:"absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]",children:x?p("img",{loading:"eager",src:r==null?void 0:r.mobile,className:"h-full w-full object-cover object-center",alt:r==null?void 0:r.alt}):p("img",{loading:"eager",src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full w-full object-cover object-center"})}),m(w,{className:i("h-full",o==null?void 0:o.container),children:[p("div",{className:i("flex h-full",o==null?void 0:o.wrapper),children:m("div",{className:i("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20",o==null?void 0:o.textBlock),children:[m("div",{className:"z-10 flex flex-col gap-4",children:[p("div",{dangerouslySetInnerHTML:{__html:h},className:i("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),p("div",{dangerouslySetInnerHTML:{__html:b},className:i("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),p(c,{buttonConfig:f})]})}),(t==null?void 0:t.enabled)&&l&&p(d,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]})]}),(t==null?void 0:t.enabled)&&l&&p(d,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{fo as BannerImageFull};
|
|
2
2
|
//# sourceMappingURL=BannerImageFull.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerImageFull.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerImageFull.tsx"],"sourcesContent":["'use client'\n\nimport { Advantages, Buttons } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerImageFull = ({\n headTitle,\n subtitle,\n buttonsConfig,\n advantages,\n classes,\n images,\n backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n const { isMobile } = useDevice()\n\n const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n return (\n <>\n <section\n id={widgetIds.banner}\n data-test-id={widgetIds.banner}\n style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n className={cn('relative h-[552px] desktop:h-[456px]', classes?.root)}\n >\n <div className='absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]'>\n {isMobile ? (\n <img src={images?.mobile} className='h-full w-full object-cover object-center' alt={images?.alt} />\n ) : (\n <img src={images?.desktop} alt={images?.alt} className='h-full w-full object-cover object-center' />\n )}\n </div>\n\n <ResponsiveContainer className={cn('h-full', classes?.container)}>\n <div className={cn('flex h-full', classes?.wrapper)}>\n <div className={cn('flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20', classes?.textBlock)}>\n <div className='z-10 flex flex-col gap-4'>\n <div\n dangerouslySetInnerHTML={{ __html: headTitle }}\n className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n />\n <div\n dangerouslySetInnerHTML={{ __html: subtitle }}\n className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n />\n </div>\n\n <Buttons buttonConfig={buttonsConfig} />\n </div>\n </div>\n\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n }}\n {...advantages}\n />\n )}\n </ResponsiveContainer>\n </section>\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n }}\n {...advantages}\n />\n )}\n </>\n )\n}\n"],"names":["BannerImageFull","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","isMobile","useDevice","advantagesExist","_a","jsxs","Fragment","widgetIds","cn","jsx","ResponsiveContainer","Buttons","Advantages"],"mappings":"8yFAQO,MAAMA,GAAkB,CAAC,CAC9B,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAEfC,GAAkBN,GAAA,YAAAA,EAAY,YAAWO,EAAAP,GAAA,YAAAA,EAAY,UAAZ,YAAAO,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAD,EAAC,UAAA,CACC,GAAIE,EAAU,OACd,eAAcA,EAAU,OACxB,MAAO,CAAE,gBAAiBP,GAAmB,SAAA,EAC7C,UAAWQ,EAAG,uCAAwCV,GAAA,YAAAA,EAAS,IAAI,EAEnE,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAU,yFACZ,SAAAR,EACCQ,EAAC,
|
|
1
|
+
{"version":3,"file":"BannerImageFull.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerImageFull.tsx"],"sourcesContent":["'use client'\n\nimport { Advantages, Buttons } from './ui'\nimport { useDevice } from '$/shared/hooks'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerImageFull = ({\n headTitle,\n subtitle,\n buttonsConfig,\n advantages,\n classes,\n images,\n backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n const { isMobile } = useDevice()\n\n const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n return (\n <>\n <section\n id={widgetIds.banner}\n data-test-id={widgetIds.banner}\n style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n className={cn('relative h-[552px] desktop:h-[456px]', classes?.root)}\n >\n <div className='absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]'>\n {isMobile ? (\n <img loading='eager' src={images?.mobile} className='h-full w-full object-cover object-center' alt={images?.alt} />\n ) : (\n <img loading='eager' src={images?.desktop} alt={images?.alt} className='h-full w-full object-cover object-center' />\n )}\n </div>\n\n <ResponsiveContainer className={cn('h-full', classes?.container)}>\n <div className={cn('flex h-full', classes?.wrapper)}>\n <div className={cn('flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20', classes?.textBlock)}>\n <div className='z-10 flex flex-col gap-4'>\n <div\n dangerouslySetInnerHTML={{ __html: headTitle }}\n className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n />\n <div\n dangerouslySetInnerHTML={{ __html: subtitle }}\n className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n />\n </div>\n\n <Buttons buttonConfig={buttonsConfig} />\n </div>\n </div>\n\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n }}\n {...advantages}\n />\n )}\n </ResponsiveContainer>\n </section>\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n }}\n {...advantages}\n />\n )}\n </>\n )\n}\n"],"names":["BannerImageFull","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","isMobile","useDevice","advantagesExist","_a","jsxs","Fragment","widgetIds","cn","jsx","ResponsiveContainer","Buttons","Advantages"],"mappings":"8yFAQO,MAAMA,GAAkB,CAAC,CAC9B,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,KAAM,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAEfC,GAAkBN,GAAA,YAAAA,EAAY,YAAWO,EAAAP,GAAA,YAAAA,EAAY,UAAZ,YAAAO,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAAC,EAAA,CACE,SAAA,CAAAD,EAAC,UAAA,CACC,GAAIE,EAAU,OACd,eAAcA,EAAU,OACxB,MAAO,CAAE,gBAAiBP,GAAmB,SAAA,EAC7C,UAAWQ,EAAG,uCAAwCV,GAAA,YAAAA,EAAS,IAAI,EAEnE,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAU,yFACZ,SAAAR,EACCQ,EAAC,MAAA,CAAI,QAAQ,QAAQ,IAAKV,GAAA,YAAAA,EAAQ,OAAQ,UAAU,2CAA2C,IAAKA,GAAA,YAAAA,EAAQ,GAAA,CAAK,EAEjHU,EAAC,MAAA,CAAI,QAAQ,QAAQ,IAAKV,GAAA,YAAAA,EAAQ,QAAS,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,2CAA2C,EAEtH,IAECW,EAAA,CAAoB,UAAWF,EAAG,SAAUV,GAAA,YAAAA,EAAS,SAAS,EAC7D,SAAA,CAAAW,EAAC,MAAA,CAAI,UAAWD,EAAG,cAAeV,GAAA,YAAAA,EAAS,OAAO,EAChD,SAAAO,EAAC,MAAA,CAAI,UAAWG,EAAG,mEAAoEV,GAAA,YAAAA,EAAS,SAAS,EACvG,SAAA,CAAAO,EAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQf,CAAA,EACnC,UAAWc,EAAG,mEAAoEV,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGW,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQd,CAAA,EACnC,UAAWa,EAAG,sCAAuCV,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAW,EAACE,EAAA,CAAQ,aAAcf,CAAA,CAAe,CAAA,CAAA,CACxC,CAAA,CACF,GAECC,GAAA,YAAAA,EAAY,UAAWM,GACtBM,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGf,CAAA,CAAA,CACN,CAAA,CAEJ,CAAA,CAAA,CAAA,GAEDA,GAAA,YAAAA,EAAY,UAAWM,GACtBM,EAACG,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGf,CAAA,CAAA,CACN,EAEJ,CAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as m,jsx as p}from"react/jsx-runtime";import{Buttons as b}from"./ui/Buttons.js";import{Advantages as n}from"./ui/Advantages.js";import{ResponsiveContainer as u}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as i}from"../../../../shared/utils/cn.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.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"../../../../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/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{widgetIds as l}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const no=({headTitle:h,subtitle:k,buttonsConfig:x,advantages:t,classes:o,images:r,backgroundColor:f})=>{var e;const d=(t==null?void 0:t.details)&&((e=t==null?void 0:t.details)==null?void 0:e.items.length)>0;return m("section",{id:l.banner,style:{backgroundColor:f??"#d9edff"},"data-test-id":l.banner,className:i("",o==null?void 0:o.root),children:[m(u,{className:i("relative desktop:h-[456px]",o==null?void 0:o.container),children:[m("div",{className:i("flex flex-col desktop:flex-row desktop:justify-between",o==null?void 0:o.wrapper),children:[m("div",{className:"flex flex-col desktop:gap-10 desktop:pt-20",children:[m("div",{className:i("flex flex-col gap-4 pt-6 desktop:pt-0",o==null?void 0:o.textBlock),children:[p("div",{dangerouslySetInnerHTML:{__html:h},className:i("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),p("div",{dangerouslySetInnerHTML:{__html:k},className:i("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),p(b,{buttonConfig:x,classes:{group:"z-10"}})]}),p("div",{className:i("relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:p("img",{src:r==null?void 0:r.mobile,alt:r==null?void 0:r.alt,className:"h-full object-contain"})}),p("div",{className:i("relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:p("img",{src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full object-contain"})})]}),(t==null?void 0:t.enabled)&&d&&p(n,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]}),(t==null?void 0:t.enabled)&&d&&p(n,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{no as BannerWithSeparateImg};
|
|
1
|
+
import{jsxs as m,jsx as p}from"react/jsx-runtime";import{Buttons as b}from"./ui/Buttons.js";import{Advantages as n}from"./ui/Advantages.js";import{ResponsiveContainer as u}from"../../../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as i}from"../../../../shared/utils/cn.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.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"../../../../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/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{widgetIds as l}from"../../../model/helpers.js";import"../../../stepper/ui/StepperTabs.js";import"../../../../shared/validation/zodValidation/dadataFio.js";import"../../../../shared/validation/zodValidation/calendar.js";import"../../../../shared/validation/zodValidation/phone.js";import"../../../../shared/validation/zodValidation/otpCode.js";import"../../../queryClientProvider/QueryClientProvider.js";import"../../../seoHeader/ui/desktop/CategoryTabs.js";import"../../../calculator/ui/CalculatorTabs.js";import"../../../userFeedback/model/schema.js";import"../../../userFeedback/ui/FeedbackTrigger.js";import"../../../userFeedback/ui/SelectRating.js";const no=({headTitle:h,subtitle:k,buttonsConfig:x,advantages:t,classes:o,images:r,backgroundColor:f})=>{var e;const d=(t==null?void 0:t.details)&&((e=t==null?void 0:t.details)==null?void 0:e.items.length)>0;return m("section",{id:l.banner,style:{backgroundColor:f??"#d9edff"},"data-test-id":l.banner,className:i("",o==null?void 0:o.root),children:[m(u,{className:i("relative desktop:h-[456px]",o==null?void 0:o.container),children:[m("div",{className:i("flex flex-col desktop:flex-row desktop:justify-between",o==null?void 0:o.wrapper),children:[m("div",{className:"flex flex-col desktop:gap-10 desktop:pt-20",children:[m("div",{className:i("flex flex-col gap-4 pt-6 desktop:pt-0",o==null?void 0:o.textBlock),children:[p("div",{dangerouslySetInnerHTML:{__html:h},className:i("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l",o==null?void 0:o.title)}),p("div",{dangerouslySetInnerHTML:{__html:k},className:i("desk-body-regular-l text-color-dark",o==null?void 0:o.subtitle)})]}),p(b,{buttonConfig:x,classes:{group:"z-10"}})]}),p("div",{className:i("relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:p("img",{loading:"eager",src:r==null?void 0:r.mobile,alt:r==null?void 0:r.alt,className:"h-full object-contain"})}),p("div",{className:i("relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",o==null?void 0:o.imageContainer),children:p("img",{loading:"eager",src:r==null?void 0:r.desktop,alt:r==null?void 0:r.alt,className:"h-full object-contain"})})]}),(t==null?void 0:t.enabled)&&d&&p(n,{classes:{root:"mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"},...t})]}),(t==null?void 0:t.enabled)&&d&&p(n,{classes:{root:"px-4 pt-4 mobile:bg-color-white desktop:hidden"},...t})]})};export{no as BannerWithSeparateImg};
|
|
2
2
|
//# sourceMappingURL=BannerWithSeparateImg.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerWithSeparateImg.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerWithSeparateImg.tsx"],"sourcesContent":["import { Advantages, Buttons } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerWithSeparateImg = ({\n headTitle,\n subtitle,\n buttonsConfig,\n advantages,\n classes,\n images,\n backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n return (\n <section\n id={widgetIds.banner}\n style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n data-test-id={widgetIds.banner}\n className={cn('', classes?.root)}\n >\n <ResponsiveContainer className={cn('relative desktop:h-[456px]', classes?.container)}>\n <div className={cn('flex flex-col desktop:flex-row desktop:justify-between', classes?.wrapper)}>\n <div className='flex flex-col desktop:gap-10 desktop:pt-20'>\n <div className={cn('flex flex-col gap-4 pt-6 desktop:pt-0', classes?.textBlock)}>\n <div\n dangerouslySetInnerHTML={{ __html: headTitle }}\n className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n />\n <div\n dangerouslySetInnerHTML={{ __html: subtitle }}\n className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n />\n </div>\n\n <Buttons\n buttonConfig={buttonsConfig}\n classes={{\n group: 'z-10'\n }}\n />\n </div>\n\n <div\n className={cn(\n 'relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]',\n classes?.imageContainer\n )}\n >\n <img src={images?.mobile} alt={images?.alt} className='h-full object-contain' />\n </div>\n\n <div\n className={cn(\n 'relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]',\n classes?.imageContainer\n )}\n >\n <img src={images?.desktop} alt={images?.alt} className='h-full object-contain' />\n </div>\n </div>\n\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n }}\n {...advantages}\n />\n )}\n </ResponsiveContainer>\n\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n }}\n {...advantages}\n />\n )}\n </section>\n )\n}\n"],"names":["BannerWithSeparateImg","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","advantagesExist","_a","jsxs","widgetIds","cn","ResponsiveContainer","jsx","Buttons","Advantages"],"mappings":"8tFAKO,MAAMA,GAAwB,CAAC,CACpC,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,MAAMC,GAAkBJ,GAAA,YAAAA,EAAY,YAAWK,EAAAL,GAAA,YAAAA,EAAY,UAAZ,YAAAK,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAC,UAAA,CACC,GAAIC,EAAU,OACd,MAAO,CAAE,gBAAiBJ,GAAmB,SAAA,EAC7C,eAAcI,EAAU,OACxB,UAAWC,EAAG,GAAIP,GAAA,YAAAA,EAAS,IAAI,EAE/B,SAAA,CAAAK,EAACG,GAAoB,UAAWD,EAAG,6BAA8BP,GAAA,YAAAA,EAAS,SAAS,EACjF,SAAA,CAAAK,EAAC,OAAI,UAAWE,EAAG,yDAA0DP,GAAA,YAAAA,EAAS,OAAO,EAC3F,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,6CACb,SAAA,CAAAA,EAAC,OAAI,UAAWE,EAAG,wCAAyCP,GAAA,YAAAA,EAAS,SAAS,EAC5E,SAAA,CAAAS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQb,CAAA,EACnC,UAAWW,EAAG,mEAAoEP,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWU,EAAG,sCAAuCP,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAS,EAACC,EAAA,CACC,aAAcZ,EACd,QAAS,CACP,MAAO,MAAA,CACT,CAAA,CACF,EACF,EAEAW,EAAC,MAAA,CACC,UAAWF,EACT,4FACAP,GAAA,YAAAA,EAAS,cAAA,EAGX,SAAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"BannerWithSeparateImg.js","sources":["../../../../../../lib/widgets/banner/ui/banners/BannerWithSeparateImg.tsx"],"sourcesContent":["import { Advantages, Buttons } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type BannerProps, widgetIds } from '$/widgets'\n\nexport const BannerWithSeparateImg = ({\n headTitle,\n subtitle,\n buttonsConfig,\n advantages,\n classes,\n images,\n backgroundColor\n}: Omit<BannerProps, 'bannerVariant'>) => {\n const advantagesExist = advantages?.details && advantages?.details?.items.length > 0\n\n return (\n <section\n id={widgetIds.banner}\n style={{ backgroundColor: backgroundColor ?? '#d9edff' }}\n data-test-id={widgetIds.banner}\n className={cn('', classes?.root)}\n >\n <ResponsiveContainer className={cn('relative desktop:h-[456px]', classes?.container)}>\n <div className={cn('flex flex-col desktop:flex-row desktop:justify-between', classes?.wrapper)}>\n <div className='flex flex-col desktop:gap-10 desktop:pt-20'>\n <div className={cn('flex flex-col gap-4 pt-6 desktop:pt-0', classes?.textBlock)}>\n <div\n dangerouslySetInnerHTML={{ __html: headTitle }}\n className={cn('mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l', classes?.title)}\n />\n <div\n dangerouslySetInnerHTML={{ __html: subtitle }}\n className={cn('desk-body-regular-l text-color-dark', classes?.subtitle)}\n />\n </div>\n\n <Buttons\n buttonConfig={buttonsConfig}\n classes={{\n group: 'z-10'\n }}\n />\n </div>\n\n <div\n className={cn(\n 'relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]',\n classes?.imageContainer\n )}\n >\n <img loading='eager' src={images?.mobile} alt={images?.alt} className='h-full object-contain' />\n </div>\n\n <div\n className={cn(\n 'relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]',\n classes?.imageContainer\n )}\n >\n <img loading='eager' src={images?.desktop} alt={images?.alt} className='h-full object-contain' />\n </div>\n </div>\n\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0'\n }}\n {...advantages}\n />\n )}\n </ResponsiveContainer>\n\n {advantages?.enabled && advantagesExist && (\n <Advantages\n classes={{\n root: 'px-4 pt-4 mobile:bg-color-white desktop:hidden'\n }}\n {...advantages}\n />\n )}\n </section>\n )\n}\n"],"names":["BannerWithSeparateImg","headTitle","subtitle","buttonsConfig","advantages","classes","images","backgroundColor","advantagesExist","_a","jsxs","widgetIds","cn","ResponsiveContainer","jsx","Buttons","Advantages"],"mappings":"8tFAKO,MAAMA,GAAwB,CAAC,CACpC,UAAAC,EACA,SAAAC,EACA,cAAAC,EACA,WAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CACF,IAA0C,OACxC,MAAMC,GAAkBJ,GAAA,YAAAA,EAAY,YAAWK,EAAAL,GAAA,YAAAA,EAAY,UAAZ,YAAAK,EAAqB,MAAM,QAAS,EAEnF,OACEC,EAAC,UAAA,CACC,GAAIC,EAAU,OACd,MAAO,CAAE,gBAAiBJ,GAAmB,SAAA,EAC7C,eAAcI,EAAU,OACxB,UAAWC,EAAG,GAAIP,GAAA,YAAAA,EAAS,IAAI,EAE/B,SAAA,CAAAK,EAACG,GAAoB,UAAWD,EAAG,6BAA8BP,GAAA,YAAAA,EAAS,SAAS,EACjF,SAAA,CAAAK,EAAC,OAAI,UAAWE,EAAG,yDAA0DP,GAAA,YAAAA,EAAS,OAAO,EAC3F,SAAA,CAAAK,EAAC,MAAA,CAAI,UAAU,6CACb,SAAA,CAAAA,EAAC,OAAI,UAAWE,EAAG,wCAAyCP,GAAA,YAAAA,EAAS,SAAS,EAC5E,SAAA,CAAAS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQb,CAAA,EACnC,UAAWW,EAAG,mEAAoEP,GAAA,YAAAA,EAAS,KAAK,CAAA,CAAA,EAElGS,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWU,EAAG,sCAAuCP,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,CACxE,EACF,EAEAS,EAACC,EAAA,CACC,aAAcZ,EACd,QAAS,CACP,MAAO,MAAA,CACT,CAAA,CACF,EACF,EAEAW,EAAC,MAAA,CACC,UAAWF,EACT,4FACAP,GAAA,YAAAA,EAAS,cAAA,EAGX,SAAAS,EAAC,MAAA,CAAI,QAAQ,QAAQ,IAAKR,GAAA,YAAAA,EAAQ,OAAQ,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,EAGhGQ,EAAC,MAAA,CACC,UAAWF,EACT,2FACAP,GAAA,YAAAA,EAAS,cAAA,EAGX,SAAAS,EAAC,MAAA,CAAI,QAAQ,QAAQ,IAAKR,GAAA,YAAAA,EAAQ,QAAS,IAAKA,GAAA,YAAAA,EAAQ,IAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,CACjG,EACF,GAECF,GAAA,YAAAA,EAAY,UAAWI,GACtBM,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gIAAA,EAEP,GAAGZ,CAAA,CAAA,CACN,EAEJ,GAECA,GAAA,YAAAA,EAAY,UAAWI,GACtBM,EAACE,EAAA,CACC,QAAS,CACP,KAAM,gDAAA,EAEP,GAAGZ,CAAA,CAAA,CACN,CAAA,CAAA,CAIR"}
|